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新增了哪些input类型及其属性？

HTML5需遵循怎样的6个设计原则？

HTML5 video标签的播放控制

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

标记语言HTML5的特点是什么

h5的本地存储之indexeddb

怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解（二）

详解HTML5实现橡皮擦的擦除效果的示例代码（图）

h5的video如何实现以及操作弹幕

h5的通用接口详细介绍

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

书籍

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

￥83.86元   人民邮电出版社

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

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