首页 > 其他 > 详细

svg学习(二)

时间:2014-02-05 11:38:52      阅读:399      评论:0      收藏:0      [点我收藏+]

svg嵌入html有以下3种方式:

OBJECT 

< object data = " rect.svg "  width = " 300 "  height = " 100 "  
type
 = " image/svg+xml " 
codebase
 = " http://www.adobe.com/svg/viewer/install/ "   />

采用Object标签的一个好处是,这是一个标准的Html 4及以上规范的有效Tag,但可惜的如果你用的是最新的Adobe Viewer,那么反而是显示不出图象来:) 

EMBED

< embed  src ="rect.svg"  width ="300"  height ="100"  
type
 ="image/svg+xml" 
pluginspage
 ="http://www.adobe.com/svg/viewer/install/"   />

这是推荐的一种写法,在ie与ff中,皆可工作,也可通过script使HTML与SVG相互通信,但不幸的是,embed不是一个规范的标签,所以不能直接用在严格的XHTML中,不过这个可以能过一个简单的trick来解决,改动一下DTD定义即可。

IFRAME

bubuko.com,布布扣 < iframe  src ="rect.svg"  width ="300"  height ="100" > 
bubuko.com,布布扣 
</ iframe >

这个方式没什么好说的,完全OK,就是iframe的边框需要额外设置一下。

svg学习(二)

原文:http://www.cnblogs.com/aomi/p/3538058.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!