HTML5 SVG 代碼示例 HTML5 提供了一種新的標記語言，叫做 SVG（Scalable Vector Graphics），用于創建矢量圖形。它可以很好地擴展 HTML，支持動畫、交互和響應式設計。下面是一些 HTML5 SVG 的代碼示例。

1. 創建一個圓形：

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

2. 創建一個矩形：

<svg width="100" height="100">
<rect x="20" y="20" width="60" height="60" stroke="black" stroke-width="2" fill="blue" />
</svg>

3. 創建一個文本框：

<svg width="100" height="100">
<text x="50" y="50" font-size="24" font-weight="bold" text-anchor="middle" fill="green">Hello World!</text>
</svg>

4. 創建一個橢圓形：

<svg width="100" height="100">
<ellipse cx="50" cy="50" rx="40" ry="20" stroke="black" stroke-width="2" fill="yellow" />
</svg>

5. 創建一個路徑：

<svg width="100" height="100">
<path d="M 50 50 L 70 70 L 50 90 L 30 70 Z" stroke="black" stroke-width="2" fill="orange" />
</svg>

6. 創建一個多邊形：

<svg width="100" height="100">
<polygon points="50,20 80,60 20,60" stroke="black" stroke-width="2" fill="purple" />
</svg>

HTML5 SVG 可以用于創建各種圖形，如圖表、圖像等等。它也可以與 JavaScript 結合使用，實現更多的功能。