在将矢量图像用作输出图像中的图层之前,如何缩放矢量图像


How do I scale a vector image before using it as a layer in the output image

我正在使用一些光栅和一些矢量文件构建图像,并将其输出为png。在生成 png 之前,有没有办法预先缩放这些向量之一?

例如,如果矢量很大,则生成栅格将是一个问题,因为如果我稍后缩小栅格,矢量(不再是矢量)看起来会失真。到目前为止,我使用图像魔术来生成png。

关于如何在编写 png 之前仍然具有矢量缩放功能的情况下预先缩放矢量的任何想法?

谢谢

您可以通过操作 DOM 来自己预缩放 SVG。通过改变 元素的viewBoxwidthheight属性,可以有效地缩放整个图像。

SVG 1.1 建议中有一个例子,位于:7.7 'viewBox' 属性。