HTML5内联SVG(八)

什么是SVG ?

<李>

SVG指可伸缩矢量图形(可伸缩向量图形)

<李>

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内联SVG(八)