谈谈对SVG图的深入剖析

以下内容转自原DOSPY论坛toma4025 的帖子


--------------------------------------------------------------------------------------------



大家都知道，UI制作主题可以支持SVG与BMP格式的图片（PNG导进去自然成了BMP的）。

两者区别就是一种是矢量图一种是位图，（至于详细区别与优缺点就不说了，可以查大百科）

下面只详细说说SVG，如何才能做好的图在手机上更好的效果？
相信大家都用AI（Adobe Illustrator）处理SVG图，有人认为，将PNG图片在AI中打开，直接保存为SVG图就可以转换，这种方法质量很差，可以看看下图对比。





很明显SVG优点，在于纯矢量，导进UI中的SVG如何看纯正的矢量？看看图。







图中示：SVG图片中如果有位图出现，就会有一个“image"的量，这个是固定的，不可变的，而可变的只
有下面的颜色，这就是纯矢量，也是UI可支持的。这颜色可以在UI中随意改动，对批量图有很好的用处，
然而image量的图却因保正SVG的储存方式，从而压缩质量，如果放大的话质量很差，但有一定情度的扩锯齿。

——————————————————————————

如何做到纯矢量，由于SVG是开源的，所以在处理过程中一定要舍去一些东西，如AI做的SVG，AI固然有
很多效果之类，但很多都是局限于其软件，做出来的SVG在别的软件打开就不一定支持AI效果：





以上选项的SVG图，就是开源的SVG，可以用通用的矢量软件打开和修改。（如：可以用CorelDRAW，flash等）
注：文字工具必需转换轮廓才算是可用的，单文字在UI中只会当成BMP图。

————————————————

例子：

谢谢分享！我就是来看看！顺便支持楼主发帖！楼主您发帖辛苦了！