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(可縮放向量圖形)
- 特性
- XML語法。
- 二維向量圖形格式。
- 由W3C制定,是開放標準。
語法
宣告圖檔
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
標籤
- svg(成對):svg 開始及結束。屬性有:xmlns(如http://www.w3.org/2000/svg),version(如1.1),width,height
向量圖形標籤
- 共同約定:
- 開始與結束合一。
- 長度如省略單位,預設單位為 px。
- px可以使用小數點。
- 以左上為座標原點。
- 座標描述先 x 後 y 。
- 通用屬性 stroke (線條顏色),stroke-width (線條寬度),fill (填充顏色),fill-opacity (填充不透明),stroke-miterlimit(斜接限制),stroke-dasharray(虛線),也可以放 style 中成為樣式之一。
- 選擇器 class,id 同 CSS 。
- polygon(多邊形),諸屬性如下:
- points:多點,點與點用空白間開,同一點 x y 座標以逗點間開。
- circle(圓),諸屬性如下:
- cx(圓心x座標),cy(圓心y座標),r(半徑)
- rect(矩形),諸屬性如下:
- width(寬),height(高),省略起點則以原點為起點,x(起點x座標),y(起點y座標)