推荐文章

html+css右上角红点提示

html+css右上角红点提示

右上角提示红点,用在未读信息提醒或待处理提示等等
AI图标编辑SVG的方法

AI图标编辑SVG的方法

使用Adobe Illustrator制作无锯齿图标
UEditor在线编辑器

UEditor在线编辑器

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。
UEditor工具条配置toolbars

UEditor工具条配置toolbars

UEditor工具条toolbars配置
Ueditor辑器中的 setContent()方法的使用

Ueditor辑器中的 setContent()方法的使用

Ueditor辑器中的 setContent()方法的使用

SVG是什么

日期:2018-07-25 点击:1786 来源:PB2.CN

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等 

这篇文档对您是否有帮助?

上一篇:UI与UE
下一篇:PS暂存盘已满怎么办
html+css右上角红点提示

html+css右上角红点提示

右上角提示红点,用在未读信息提醒或待处理提示等等
AI图标编辑SVG的方法

AI图标编辑SVG的方法

使用Adobe Illustrator制作无锯齿图标
UEditor在线编辑器

UEditor在线编辑器

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。
UEditor工具条配置toolbars

UEditor工具条配置toolbars

UEditor工具条toolbars配置
Ueditor辑器中的 setContent()方法的使用

Ueditor辑器中的 setContent()方法的使用

Ueditor辑器中的 setContent()方法的使用