svg学习(二)
2014-02-04 22:40
246 查看
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
< iframe src ="rect.svg" width ="300" height ="100" >
</ iframe >
这个方式没什么好说的,完全OK,就是iframe的边框需要额外设置一下。
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
< iframe src ="rect.svg" width ="300" height ="100" >
</ iframe >
这个方式没什么好说的,完全OK,就是iframe的边框需要额外设置一下。
相关文章推荐
- C#通用JSON操作类
- c++之内存管理
- 递推--超级台阶
- svg学习(一)
- codeforces 228 div2
- OCP-1Z0-053-200题-157题-105
- 黑马程序员_基础加强_JDK1.5新特性
- C#实现邮件发送
- OCP-1Z0-053-200题-158题-60
- mac-程序员必备工具(2)-iTerm2
- PackageManagerService学习笔记一
- 什么是手机APP?
- Ubuntu13.10 eclipse菜单栏无法下拉
- OCP-1Z0-053-200题-159题-494
- Ubuntu13.10 eclipse菜单栏无法下拉
- OCP-1Z0-053-200题-160题-294
- jQuery 做好七件事帮你提升jQuery的性能
- Linux 安全新闻: Linux 3.13、SystemRescueCD 4和BackBox 3.13
- Linux 安全新闻: Linux 3.13、SystemRescueCD 4和BackBox 3.13
- 经验分享:CSS div浮动(float,clear) 真的是太棒了