在html中使用svg,svg代码怎么导入html

　　目前，将SVG引入HTML页面的方法只有三种。前两个差不多，第三个更简单。我来介绍一下这个方法。

　　第一种：

　　使用嵌入标签:

　　这是官方推荐的用法，但这个官方是Adobe官方，不是W3C官方，目前的HTML标准中也没有这个标签。

　　embedsrc= example . SVG width= 300 height= 300 type= image/SVG XML plugin page= 3358 www.adobe.com/SVG/viewer/install//plugin页面注明插件下载地址。

　　第二种：

　　使用对象标签:

　　这是W3C规范。HTML标准里有这个标签。js不能用在这个标签里。

　　object= example . SVG width= 300 height= 300 type= image/SVG XML codebase= 3358 www.adobe.com/SVG/viewer/imstall//codebase也是插件下载地址。

　　另外，如果安装了Adobe SVG Viewer，这个就不能用了(这是什么理论，插件下载地址都一样……)。

　　第三种：

　　使用iframe标签iframe标签可以在大多数浏览器中工作。

　　iframe src= rect . SVG width= 300 height= 100 /iframe这里有一个推荐，一个带有免费图标下载的图标URL:

　　网址：http://www.iconfont.cn/plus/user/detail? uid=17211

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。