SVG:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
向量圖形標籤
向量圖形標籤
第 17 行: 第 17 行:
 
*#以左上為座標原點。
 
*#以左上為座標原點。
 
*#座標描述先 x 後 y 。
 
*#座標描述先 x 後 y 。
*#通用屬性 stroke (線條顏色),stroke-width (線條寬度),fill (填充顏色),stroke-miterlimit(斜接限制),stroke-dasharray(虛線),也可以放 style 中成為樣式之一。
+
*#通用屬性 stroke (線條顏色),stroke-width (線條寬度),fill (填充顏色),fill-opacity (填充不透明),stroke-miterlimit(斜接限制),stroke-dasharray(虛線),也可以放 style 中成為樣式之一。
 +
*#選擇器 class,id 同 CSS 。
 
#polygon(多邊形),諸屬性如下:
 
#polygon(多邊形),諸屬性如下:
 
#*points:多點,點與點用空白間開,同一點 x y 座標以逗點間開。
 
#*points:多點,點與點用空白間開,同一點 x y 座標以逗點間開。
 
#circle(圓),諸屬性如下:
 
#circle(圓),諸屬性如下:
 
#*cx(圓心x座標),cy(圓心y座標),r(半徑)
 
#*cx(圓心x座標),cy(圓心y座標),r(半徑)
 +
#rect(矩形),諸屬性如下:
 +
#*width(寬),height(高),省略起點則以原點為起點,x(起點x座標),y(起點y座標)

2014年9月29日 (一) 15:30的修訂版本

Scalable Vector Graphics(可縮放向量圖形)

  • 特性
    1. XML語法。
    2. 二維向量圖形格式。
    3. 由W3C制定,是開放標準。

語法

宣告圖檔

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

標籤

  • svg(成對):svg 開始及結束。屬性有:xmlns(如http://www.w3.org/2000/svg),version(如1.1),width,height

向量圖形標籤

  • 共同約定:
    1. 開始與結束合一。
    2. 長度如省略單位,預設單位為 px。
    3. px可以使用小數點。
    4. 以左上為座標原點。
    5. 座標描述先 x 後 y 。
    6. 通用屬性 stroke (線條顏色),stroke-width (線條寬度),fill (填充顏色),fill-opacity (填充不透明),stroke-miterlimit(斜接限制),stroke-dasharray(虛線),也可以放 style 中成為樣式之一。
    7. 選擇器 class,id 同 CSS 。
  1. polygon(多邊形),諸屬性如下:
    • points:多點,點與點用空白間開,同一點 x y 座標以逗點間開。
  2. circle(圓),諸屬性如下:
    • cx(圓心x座標),cy(圓心y座標),r(半徑)
  3. rect(矩形),諸屬性如下:
    • width(寬),height(高),省略起點則以原點為起點,x(起點x座標),y(起點y座標)