博客
关于我
强烈建议你试试无所不能的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/

你可能感兴趣的文章
进程创建时内存描述符处理
查看>>
进程创建时命名空间处理
查看>>
进程创建时IO处理
查看>>
进程创建时线程栈处理
查看>>
进程创建时pid分配
查看>>
进程创建时安全计算处理
查看>>
进程创建时cgroup处理
查看>>
进程创建时共享内存处理
查看>>
idle进程创建
查看>>
内核线程创建
查看>>
linux elf tool readelf
查看>>
linux tool objdump
查看>>
linux tool nm
查看>>
字节对齐
查看>>
把类成员函数封装成线程API所需要的函数
查看>>
HTTP Live Streaming直播(iOS直播)技术分析与实现
查看>>
Ribbon界面图标可以直接用PNG做透明图标
查看>>
向其他软件窗口、控件发送消息的方法
查看>>
word或者pdf文件全部保存为图片的方法
查看>>
VS2010下SQLite3生成lib库文件
查看>>