跳转到内容

矢量图形:修订间差异

维基百科,自由的百科全书
删除的内容 添加的内容
InternetArchiveBot留言 | 贡献
补救2个来源,并将0个来源标记为失效。) #IABot (v2.0.7
回退到由暁月凛奈讨论)做出的修订版本76674421
标签TW 撤销
 
(未显示8个用户的8个中间版本)
第1行: 第1行:
{{Onesource|time=2022-02-06T12:38:28+00:00 }}
{{noteTA
{{noteTA
|G1=IT
|G1=IT
}}
}}
[[File:VectorGraphicsExample.jpg|thumb|200px|矢量图形的显示效果示例:(a)原始矢量图;(b)矢量图放大8倍;(c)位图放大8倍。位图的放大[[品質]]较差,但是矢量图可以不降低[[品質]]地无限放大。]]
[[File:VectorGraphicsExample.jpg|thumb|200px|矢量图形的显示效果示例:(a)原始矢量图;(b)矢量图放大8倍;(c)位图放大8倍。位图的放大[[品質]]较差,但是矢量图可以不降低[[品質]]地无限放大。]]
'''矢量图形'''是[[计算机图形学]]中用[[点]]、[[直线]]或者[[多边形]]等基于数学方程的几何图元表示[[图像]]。矢量图形与使用[[像素]]表示图像的[[位图]]不同。
'''矢量图形'''是[[计算机图形学]]中用[[点]]、[[直线]]或者[[多边形]]等基于数学方程的几何图元表示[[图像]]。矢量图形与使用[[像素]]表示图像的[[位图]]不同。


== 综述 ==
== 综述 ==
第25行: 第26行:
# 半径''r''
# 半径''r''
# [[圆心]][[坐标]]
# [[圆心]][[坐标]]
# 轮廓样式与颜色(可能是透明)
# 轮廓样式与颜色
# 填充样式与颜色(可能是透明)
# 填充样式与颜色

这种绘制图比[[位图]]的优越之处有:
这种绘制图比[[位图]]的优越之处有:


第33行: 第33行:
* 在图像处理软件中,任意放大矢量图形,不会丢失细节或影响清晰度,因为矢量图形是与分辨率无关的。无限地放大这个圆,它仍然保持平滑;而位图用多边形表示的曲线将会显现出不是真正的曲线
* 在图像处理软件中,任意放大矢量图形,不会丢失细节或影响清晰度,因为矢量图形是与分辨率无关的。无限地放大这个圆,它仍然保持平滑;而位图用多边形表示的曲线将会显现出不是真正的曲线
* 在放大的时候,直线与曲线都不会成比例地变粗,它只会保持不变或者要小于缩放比例;为了看起来比较平滑,使用简单几何形状表示的不规则曲线将会成比例地变粗,并且看起来不再像这些几何形状
* 在放大的时候,直线与曲线都不会成比例地变粗,它只会保持不变或者要小于缩放比例;为了看起来比较平滑,使用简单几何形状表示的不规则曲线将会成比例地变粗,并且看起来不再像这些几何形状
* 保存的物体参数可以在后面修改。这也就是说物体的[[运动]]、[[缩放]]、[[旋转]]、填充等都不会降低绘制的精度。另外,可以用与设备无关的单位表示,这样更好地栅格设备上进行[[栅格化]]。
* 保存的物体参数可以在后面修改。这也就是说物体的[[運動 (物理學)|运动]]、[[缩放]]、[[旋转]]、填充等都不会降低绘制的精度。另外,可以用与设备无关的单位表示,这样更好地栅格设备上进行[[栅格化]]。
* 从三维的视角来看,由于阴影可以抽象为形成它们的光线,所以矢量图形的阴影渲染更加真实。这样就可以得到真实感的图像及渲染效果。
* 从三维的视角来看,由于阴影可以抽象为形成它们的光线,所以矢量图形的阴影渲染更加真实。这样就可以得到真实感的图像及渲染效果。
* 当调整矢量图形的大小、将矢量图形打印到 PostScript 打印机、在 PDF 文件中保存矢量图形或将矢量图形导入到基于矢量的图形应用程序中时,矢量图形都将保持清晰的边缘。因此,对于将在各种输出媒体中按照不同大小使用的图稿(如徽标),矢量图形是最佳选择<ref>{{Cite web |url=http://helpx.adobe.com/cn/photoshop/using/image-essentials.html#WSCFDA855F-B5B4-4316-AA0A-DFA4CC1DAC7D |title=存档副本 |accessdate=2014-07-17 |archive-date=2014-07-26 |archive-url=https://web.archive.org/web/20140726082518/http://helpx.adobe.com/cn/photoshop/using/image-essentials.html#WSCFDA855F-B5B4-4316-AA0A-DFA4CC1DAC7D |dead-url=no }}</ref>。
* 当调整矢量图形的大小、将矢量图形打印到 PostScript 打印机、在 PDF 文件中保存矢量图形或将矢量图形导入到基于矢量的图形应用程序中时,矢量图形都将保持清晰的边缘。因此,对于将在各种输出媒体中按照不同大小使用的图稿(如徽标),矢量图形是最佳选择<ref>{{Cite web |url=http://helpx.adobe.com/cn/photoshop/using/image-essentials.html#WSCFDA855F-B5B4-4316-AA0A-DFA4CC1DAC7D |title=存档副本 |accessdate=2014-07-17 |archive-date=2014-07-26 |archive-url=https://web.archive.org/web/20140726082518/http://helpx.adobe.com/cn/photoshop/using/image-essentials.html#WSCFDA855F-B5B4-4316-AA0A-DFA4CC1DAC7D |dead-url=no }}</ref>。
第65行: 第65行:


== 外部链接 ==
== 外部链接 ==
* [[commons:Help:Vector graphics tutorial|矢量圖形教程]]{{en}}
* Wikimedia Commons上的[[commons:Help:Vector graphics tutorial/zh|矢量圖形教程]]


== 参见 ==
== 参见 ==
第76行: 第76行:
* [[体素]]
* [[体素]]
* [http://ngis.moea.gov.tw/moeaweb/Rinfo/KMSubItem.aspx?ID=21 矢量、網格資料] {{Wayback|url=http://ngis.moea.gov.tw/moeaweb/Rinfo/KMSubItem.aspx?ID=21 |date=20160304094320 }}
* [http://ngis.moea.gov.tw/moeaweb/Rinfo/KMSubItem.aspx?ID=21 矢量、網格資料] {{Wayback|url=http://ngis.moea.gov.tw/moeaweb/Rinfo/KMSubItem.aspx?ID=21 |date=20160304094320 }}
* [[WMF]]
* [[Windows Metafile|WMF]]
* [[向量字型]]
* [[向量字型]]



2024年5月10日 (五) 06:45的最新版本

矢量图形的显示效果示例:(a)原始矢量图;(b)矢量图放大8倍;(c)位图放大8倍。位图的放大品質较差,但是矢量图可以不降低品質地无限放大。

矢量图形计算机图形学中用直线或者多边形等基于数学方程的几何图元表示的图像。矢量图形与使用像素表示图像的位图不同。

综述

[编辑]

所有的现代计算机显示器都要将矢量图形转换成栅格图像的格式,包含屏幕上每个像素数值的栅格图像保存在内存中。

从计算机发展的最初1950年代一直到1980年代,曾经使用过一种不同类型的矢量图形系统显示器。在这些系统中CRT显示器的电子束直接逐段生成所需图形,屏幕其它部分保持为黑的状态。为了达到没有闪烁或者接近没有闪烁的效果,这个过程每秒要重复很多次。这种显示系统可以生成分辨率非常高的艺术线条,并且不需要栅格系统生成同样分辨率所需要的对于当时来说非常巨大的内存空间。这种基于矢量的显示器称为X-Y显示器

矢量化是去除照片中多余信息的好方法。(为了在本页显示,图像转成了JPEG格式。)
原始照片,JPEG栅格图像
矢量化的Steam Locomotive 7646,最初是Windows Metafile格式。

矢量图形显示器的最初应用之一是US SAGE防空系统。矢量图形系统只有在1999年美国的空管中出现过故障,现在依然在军队以及一些特殊系统中使用。另外,1963年,计算机图形学先驱Ivan Sutherland在MIT Lincoln Laboratory的TX-2上使用矢量系统运行他的Sketchpad程序。

后来的矢量图形系统包括Digital的GT40 [1]。有一个名为Vectrex的家庭游戏系统使用了矢量图形,另外还有「Asteroids」以及「Space wars」这样的游乐中心游戏也使用了矢量图形。另外值得一提的是Tektronix 4014,尽管它的显示是静态的。

如今矢量图形这个术语主要用于二维计算机图形学领域。它是艺术家能够在栅格显示器上生成图像的几种方式之一。另外几种方式包括文本、多媒体以及三维渲染。實質上而言,所有当今的三维渲染都是二维矢量图形技术的扩展。工程制图领域的绘图仪仍然直接在图纸上绘制矢量图形。

目的

[编辑]

例如,程序绘制一个半径r所需的主要信息是:

  1. 半径r
  2. 圆心坐标
  3. 轮廓样式与颜色
  4. 填充样式与颜色

这种绘制图比位图的优越之处有:

  • 保存最少的信息,文件大小比位图要小,并且文件大小与物体的大小无关
  • 在图像处理软件中,任意放大矢量图形,不会丢失细节或影响清晰度,因为矢量图形是与分辨率无关的。无限地放大这个圆,它仍然保持平滑;而位图用多边形表示的曲线将会显现出不是真正的曲线
  • 在放大的时候,直线与曲线都不会成比例地变粗,它只会保持不变或者要小于缩放比例;为了看起来比较平滑,使用简单几何形状表示的不规则曲线将会成比例地变粗,并且看起来不再像这些几何形状
  • 保存的物体参数可以在后面修改。这也就是说物体的运动缩放旋转、填充等都不会降低绘制的精度。另外,可以用与设备无关的单位表示,这样更好地栅格设备上进行栅格化
  • 从三维的视角来看,由于阴影可以抽象为形成它们的光线,所以矢量图形的阴影渲染更加真实。这样就可以得到真实感的图像及渲染效果。
  • 当调整矢量图形的大小、将矢量图形打印到 PostScript 打印机、在 PDF 文件中保存矢量图形或将矢量图形导入到基于矢量的图形应用程序中时,矢量图形都将保持清晰的边缘。因此,对于将在各种输出媒体中按照不同大小使用的图稿(如徽标),矢量图形是最佳选择[1]

典型的图元对象

[编辑]

这只是其中的一部分,另外还有各种各样用于不同应用程序的曲线,如「Catmull-Rom样条」非均匀有理B样条等。

通常位图图像也是一个元对象,从概念上来看它同矩形的表现类似。

矢量运算

[编辑]

矢量图形编辑器通常可以旋转、平移、镜像、拉伸、扭曲矢量图形,通常可以进行仿射变换,改变深度位置并且将图元与复杂物体合并。 更加复杂的变换包括封闭形状集合运算并集补集交集等)。

矢量图形非常适合于与设备无关的简单或者合成的制图或者不需要实现真实感的场合。例如,「PostScript」以及PDF页面描述语言就使用了矢量图形模型。

打印

[编辑]

矢量艺术线条是打印领域中的一项关键技术。因为艺术线条是从一系列数学点得到的,所以无论如何缩放艺术线条打印结果質素都非常高。例如,将同一个矢量标识图打印到名片上或者放大到广告牌上,都可以得到同样的图像質素。与此不同的是,如果位图从名片大小放大到广告版的尺寸,那么图像细节将会变得非常模糊。

三维造型

[编辑]

三维计算机图形学中,矢量表面表示非常常见,而位图可以用作表面纹理、高度场数据以及凸凹纹理映射等特殊目的。在低端系统中,在应用程序中用简单的多边形网格表示几何细节,在这些场合交互帧率或者简单性都是非常重要的。在高端系统中,如果希望通过牺牲渲染时间的方法换取更好的图像質素及精度,那么就可以使用贝塞尔曲面NURBS或者细分曲面等平滑表示方法。但是,我们也可以用「Phong shading」这样的算法从多边形网格实现一个平滑曲面。

参考文献

[编辑]
  1. ^ 存档副本. [2014-07-17]. (原始内容存档于2014-07-26). 

外部链接

[编辑]

参见

[编辑]