博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SVG学习之——HTML 页面中的 SVG
阅读量:4149 次
发布时间:2019-05-25

本文共 610 字,大约阅读时间需要 2 分钟。

 

SVG 文件可通过以下标签嵌入 HTML 文档:<embed>、<object> 或者 <iframe>。

 

HTML 页面中的 SVG

下面,你会看到三种把 SVG 文件嵌入 HTML 页面的不同方法。

使用 <embed> 标签

<embed> 标签被所有主流的浏览器支持,并允许使用脚本。

 

注释:当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法!然而,如果需要创建合法的 XHTML,就不能使用 <embed>。任何 HTML 规范中都没有 <embed> 标签。

 

语法:

 

 

 

注释:pluginspage 属性指向下载插件的 URL。

 

使用 <object> 标签

<object> 标签是 HTML 4 的标准标签,被所有较新的浏览器支持。它的缺点是不允许使用脚本。

 

注释:假如您安装了最新版本的 Adobe SVG Viewer,那么当使用 <object> 标签时 SVG 文件无法工作(至少不能在 IE 中工作)!

语法:

 

 

 

注释:codebase 属性指向下载插件的 URL。

 

使用 <iframe> 标签

<iframe> 标签可工作在大部分的浏览器中。

语法:

 

我期望....

如果仅仅通过引用 SVG 的命名空间,就能够把 SVG 元素之间添加到 HTML 代码中,那就太棒了,这像这样:

This is an HTML paragraph

 

转载地址:http://stlti.baihongyu.com/

你可能感兴趣的文章
oracle函数trunc的使用
查看>>
MySQL 存储过程或者函数中传参数实现where id in(1,2,3,...)IN条件拼接
查看>>
java反编译
查看>>
Class.forName( )你搞懂了吗?——转
查看>>
jarFile
查看>>
EJB3.0定时发送jms(发布/定阅)方式
查看>>
EJB与JAVA BEAN_J2EE的异步消息机制
查看>>
数学等于号是=那三个横杠是什么符
查看>>
HTTP协议详解
查看>>
java多线程中的join方法详解
查看>>
ECLIPSE远程调试出现如下问题 ECLIPSE中调试代码提示找不到源
查看>>
java abstract修饰符
查看>>
数组分为两部分,使得其和相差最小
查看>>
java抽象类和接口
查看>>
有趣的排序——百度2017春招
查看>>
二叉树的最近公共祖先LCA
查看>>
数组中累加和为定值K的最长子数组长度
查看>>
素数对--腾讯2017校招编程
查看>>
JAVA集合--ArrayList实现原理
查看>>
synchronized与Lock
查看>>