SVG(Scalable Vector Graphics)是可缩放的矢量图形 ,SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape例如:由直线和曲线组成的路径)、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作,特征集包括嵌套变换(nestedtransformations)、剪切路径(clippingpaths)、alpha蒙板(alphamasks)、滤镜效果(filtereffects)、模板对象(templateobjects)和其它扩展(extensibility)。
矢量图与常见的位图(bitmap/png)的区别:
位图会出现锯齿,SVG平滑不会出现锯齿。
位图是精确到每一个像素是什么颜色,而矢量图仅是对图形特征(比如一条直线的起点和终点)描述 ,位图其实是很多小方格拼在一起,将其放大后就能看到一个一个小像素点了,所以位图在斜线就会有锯齿了;
而矢量图因为定义的图形特征,无论怎样缩放都能保证图形边缘的平滑准确。
位图可以表现出更复杂的图形,但是越高清(高分辨率)的图形自然也就越复杂,但是非常有层次感,很自然;而位图可以用一些特征去表现出一幅任意分辨率的图形,自然不适合去表达复杂的图像(比如一幅风景画),而且通常很抽象,颜色是一块一块的,但是非常适合做扁平化设计(比如小图标什么的),不仅节省了大量空间,更是不用担心锯齿虚化等问题了
工具使用:
位图的工具有:photoshop(ps)、画图等;
矢量图的工具有:Adobe Illustrator(AI),coreldraw等
这篇文档对您是否有帮助?