SVG是一种基于XML语法的图像格式,全称是可伸缩矢量图。其他图像格式都是基于像素处理,而SVG是图像的形状描述,所以本质上是一个文本文件,体积很小,无论放大多少倍都不会失真。
SVG文件可以直接插入网页,成为DOM的一部分,然后用Javascript和CSS操作。

一个SVG代码直接插入网页的例子。
SVG 代码也可以写在一个独立文件中,然后用、、、等标签插入网页。SVG代码也可以写在单独的文件中,然后用、、、、、等标签插入网页。
您也可以将SVG文件用于CSS。
。logo { background:URL;}
SVG文件也可以转换成base64编码,然后作为数据URI写入网页。

SVG是基于XML的二维矢量图形格式,由W3C开发。它可以任意缩放而不失真。由于其文件大小小,下载速度比jpg和png快,与文字无关,即使用户不下载文字也不会影响效果。拥有超边缘显示,适用于各种屏幕分辨率和打印分辨率,拥有超强色彩控制。它提供了1600万种颜色的调色板,并支持IE9、Firefox、opera、chrome和Safari。低配版需要插件。
例如:直线、曲线等。或者如果你愿意,也可以在矢量图形编辑程序中创建这些直线和曲线,然后让程序导出代码。
为什么选择SVG?有几个主要原因:
SVG是一种可缩放的矢量图形。如果您在浏览器中更改尺寸,它的图形质量不会丢失。
与其他位图相比,SVG图像文件更小,可压缩性更强。
SVG可以被记事本和搜索引擎等阅读器访问。
SVG图像中的文本是可选的和可复制的。

SVG图像可以与DOM、CSS和Javascript交互。
SVG可以制作成整体或局部动画。
与Flash类似,SVG用于二维矢量图形。它们之间的区别在于SVG是W3C标准,基于XML并且是开放的。因为它是W3C标准,SVG可以和其他W3C标准一起工作,比如CSS、DOM和SMIL。
SVG是W3C XML的分支语言之一,用于标记可缩放的矢量图形。即使浏览器实现了一些规范,但其实现速度也无法与其竞争技术相比,比如HTML Canvas、Adobe Flash等已经实现了成熟的应用接口。不过SVG也有自己的优势,比如实现了DOM接口,不需要安装第三方插件就可以在浏览器中使用。当然,是否使用SVG取决于你想要实现什么。
说说你对svg的看法…我来聊聊。


