SVG 教學


SVG 意為可縮放向量圖形(Scalable Vector Graphics)。

SVG 使用 XML 格式定義影象。

現在開始學習 SVG!

SVG 範例

<html> <body> <h1>My first SVG</h1> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /> </svg> </body> </html>

線上執行 ?

點選 "線上執行" 按鈕檢視執行結果.

SVG 範例

我們可以線上編輯 SVG 例項,並且線上檢視執行結果!

線上範例

SVG 速查手冊

在線上程式語言教學練習中, 我們為您提供完整的 SVG 速查手冊,其中列出了所有 W3C 推薦標準(SVG Version 1.1)中的 SVG 的元素。

SVG 速查手冊

SVG 線上編輯器