SVG

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 (填充顏色)，stroke-miterlimit(斜接限制)，stroke-dasharray(虛線)，也可以放 style 中成為樣式之一。

1. polygon(多邊形)，諸屬性如下：

• 1. points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。

1. circle(圓)，諸屬性如下：
   • cx(圓心x座標)，cy(圓心y座標)，r(半徑)