Questions tagged «vector-graphics»


2
Illustrator的矢量栅格化过程是什么?
我目前正在尝试了解有关矢量图形栅格化的一些知识,以及在各种应用程序类型中实现矢量栅格化的不同方式。 我测试并比较了一些程序,并注意到在光栅化过程中抗锯齿的行为方式存在很大差异。我对Illustrator中的渲染行为特别感兴趣。通过进一步阅读,您会明白为什么。 在我的测试中,我使用了非常简单的三角形组成,这些三角形以不规则的六边形组织,并具有不同的颜色。 矢量图形软件 这是Illustrator,Affinity和Inkscape中相同矢量图形的三个渲染。(在Affinity和Inkscape中生成的图像完全相同。) 如您所见,在用Affinity和Inkscape渲染的图像的每个边缘上都有一条多余的白线。抗锯齿不会用纯色填充此区域,从而导致相邻形状之间的间隙很小。 尽管Illustrator渲染中没有间隙,但是形状的边缘看起来像“亲和力”渲染一样平滑。 这是一张图像,显示每个图像放大后的相同区域。 这两个图像之间有非常细微的差异。Affinity渲染稍微更平滑,但是在查看原始大小的图像时几乎看不到差异。 浏览器 SVG渲染 在浏览器中显示导出为SVG的相同图形看起来与Affinity和Inkscape生成的栅格图像非常相似。 边缘抗锯齿的差异很小(在此处不值得展示),但是常见浏览器中的SVG光栅化行为几乎相同。 分解渲染 为了进一步测试Illustrator渲染,我尝试了分割图形的各个部分并分别导出它们,然后将它们与栅格编辑软件重新组合在一起。 从理论上讲,它会产生与单张图像相同的图像,但是使用此方法时,结果会略有不同。 如图所示,当两个部分组成时,它们之间有一个很小的间隙。尽管它更加微妙,但它与Affinity中呈现的图形非常相似。 多边形渲染 搅拌器(3D软件) Blender允许您导入SVG文件并将其作为曲线对象进行操作。这是3D视口中显示的导入图形。(默认情况下,材质将受到场景中灯光的影响。在材质属性面板中选中无阴影属性将允许使用原始颜色渲染形状。) 这是Blender内部的SVG制成的渲染。 三角形之间没有任何间隙。其他3D软件很有可能以相同的方式工作。那么Blender的行为就像Illustrator一样吗?也许是相反的方式? 真正的问题 Illustrator在幕后使用哪个矢量绘图库? Illustrator是否有可能使用某种3D渲染引擎?它是开源的吗?(可能不会?) 开罗和斯基亚(Skia)等任何知名的矢量绘图库都能实现相同的渲染行为吗?(形状之间无间隙) 有没有鲜为人知的矢量绘图库,具有相同的行为?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.