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 在線編輯器