SVG 教程

SVG 意為可縮放矢量圖形（Scalable Vector Graphics）。

SVG 使用 XML 格式定義圖像。

<b>現在開始學習 SVG!</b>

&lt;html&gt;

&lt;body&gt;

&lt;h1&gt;My first SVG&lt;/h1&gt;

&lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;

&lt;circle cx="100" cy="50" r="40" stroke="black"

stroke-width="2" fill="red" /&gt;

&lt;/svg&gt;

&lt;/body&gt;

&lt;/html&gt;

<b>點選 "嘗試一下" 按鈕檢視運作結果.</b>

我們可以線上編輯 SVG 執行個體，并且線上檢視運作結果!

線上執行個體

在菜鳥教程中， 我們為您提供完整的 SVG 參考手冊，其中列出了所有 W3C 推薦标準（SVG Version 1.1）中的 SVG 的元素。

SVG 參考手冊

SVG 線上編輯器