HTML5内联SVG

HTML5支撑内联SVG。SVG指可伸缩矢量图形(ScalableVectorGraphics)、SVG用于定义用于网络的基于矢量的图形、SVG运用XML格局定义图形。 HTML5 支撑内联 SVG。

什么是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的细致内容，更多请关注 百分百源码网 其它相干文章！