HTML5 内联 SVG

本文摘自PHP中文网，作者(*-*)浩，侵删。

什么是SVG？ (推荐学习：html教程)

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

SVG 用于定义用于网络的基于矢量的图形

SVG 使用 XML 格式定义图形

SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

SVG 是万维网联盟的标准

SVG 的优势

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

SVG 图像可通过文本编辑器来创建和修改

SVG 图像可被搜索、索引、脚本化或压缩

SVG 是可伸缩的

SVG 图像可在任何的分辨率下被高质量地打印

SVG 可在图像质量不下降的情况下被放大

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持内联 SVG。

把 SVG 直接嵌入 HTML 页面

在 HTML5 中，您能够将 SVG 元素直接嵌入 HTML 页面中：

实例

以上就是HTML5 内联 SVG的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

在HTML5中使用mathml数学公式

炫酷实用的jquery/HTML5菜单图文详解

HTML5中audio支持音频格式的解决方法

7个专门为HTML5开发人员打造的web框架

htnl5利用svg页面高斯模糊的方法

如何获取微信小程序登录的session？（详细）

HTML5中pattern属性的用法详解

HTML5的头部head的详解

利用HTML5中的canvas绘制笑脸的代码

HTML5和h5是一个概念吗

更多相关阅读请进入《HTML5》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML5 内联 SVG