HTML5 <svg> 标签
主题：HTML5 标签参考上一页|下一页
说明
<svg> 元素用于在 HTML 文档中嵌入 SVG 图形。
可缩放矢量图形 (SVG) 是一种基于 XML 的图像格式，用于为 Web 定义基于二维矢量的图形。 请参阅 HTML5 SVG 上的教程以了解更多信息。
下表总结了此标签的使用上下文和版本历史。
| Placement: | Inline |
|---|---|
| Content: | SVG 元素 |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | New in HTML5 |
语法
<svg> 标签的基本语法如下：
HTML / XHTML: <svg> ... </svg>
下面的示例显示了 <svg> 标签的作用。
<svg width="500" height="350">
<rect x="100" y="100" width="300" height="150" fill="yellow" stroke="black" stroke-width="5" />
</svg>下面的例子演示了如何绘制一个简单的 SVG 笑脸。
<svg viewBox="0 0 200 200" width="400" height="400">
<circle cx="100" cy="100" fill="yellow" r="78" stroke="black" stroke-width="3" />
<g>
<circle cx="65" cy="82" r="12" />
<circle cx="130" cy="82" r="12" />
</g>
<path d="M65 115 a1,0.8 0 0,0 65,0" fill="none" stroke="black" stroke-width="3" />
</svg>标签特定属性
The <svg> 标签没有任何特定属性。
全局属性
与所有其他 HTML 标签一样， <svg> 标签支持 HTML5 中的全局属性。
事件属性
<svg> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <svg> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML5 SVG.
相关标签： <canvas>.
Advertisements