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