zoukankan      html  css  js  c++  java
  • svg学习(二)

    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的边框需要额外设置一下。

  • 相关阅读:
    android 源码
    android 保护
    电池信息 显示
    RGB、HSB、HSL 互相转换算法
    网页美工
    css 设计标准
    js 封闭 小结
    格式转换工具
    网页设计规范
    瀑布流分析
  • 原文地址:https://www.cnblogs.com/aomi/p/3538058.html
Copyright © 2011-2022 走看看