SVG如何嵌入html

一:SVG 文件可通过以下标签嵌入 HTML 文档:<embed>、<object> 或者 <iframe>。

推荐使用<embed>标签,<embed> 标签被所有主流的浏览器支持,并允许使用脚本。



二:来看一个例子

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>SVG嵌入html</title>
 </head>
 <body>
 <embed src="circle.svg" width="300" height="100" type="image/svg+xml"/>
 </body>
</html>
</pre><pre name="code" class="html"><span style="font-family:Verdana, Arial, 宋体;">我们继续使用第一讲</span><a target=_blank href="http://blog.csdn.net/u013628152/article/details/43307573" target="_blank" style="font-family: Verdana, Arial, 宋体;">初识SVG矢量图</a><span style="font-family:Verdana, Arial, 宋体;">中,创建的circle.svg.使用embed标签嵌套到html中。</span>
<span style="font-family:Verdana, Arial, 宋体;">
</span>
<span style="font-family:Verdana, Arial, 宋体;">打开html文件,仍然可以看到svg矢量图:</span>
<span style="font-family:Verdana, Arial, 宋体;">
</span>
技术分享


三:SVG 预定义的形状元素

矩形 <rect>
圆形 <circle>
椭圆 <ellipse>
线 <line>
折线 <polyline>
多边形 <polygon>
路径 <path>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。