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通过api实现拖放排序的实例教程

h5 canvas api中drawimage(图像进行缩放或裁剪)的使用实例

HTML5难学吗

html如何定义错误提示

h5新增标签与属性使用方法归纳

h5中在拖动的元素或选择的文本进入到有效的放置目标时触发的事件ondragenter

HTML5的表单中关于所有type类型的详细介绍

h5文件异步上传

HTML5 input 类型的详细介绍以及实例代码

利用HTML5实现图片的淡入淡出效果

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

书籍

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

￥83.86元   人民邮电出版社

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

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