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 參考手冊

在 W3CSchool中, 我們為您提供完整的 SVG 參考手冊,其中列出了所有 W3C 推薦標準(SVG Version 1.1)中的 SVG 的元素。

SVG 參考手冊