svg - 如何以不同的尺寸/坐标多次放置相同的路径？

Question

我有一条在 Illustrator 中创建并保存为 SVG 的路径。

现在我想以编程方式将它以不同的大小和坐标放置在大画布上。

假设我有这张图片：

_{（来源：omgtldr.com）}

我如何在一个 SVG 文件中以不同的位置和大小重现相同的图像，如下所示：

_{（来源：omgtldr.com）}

例如，一个版本在坐标 x,y 处缩小了 20%；另一个在坐标 a、b 处放大 30%，依此类推。

请假设我对编程部分没问题，我对使用 XML 文件很满意。这是我不明白的SVG部分。

Answer 1

您需要转换属性。您可以使用translate移动路径并使用scale调整它们的大小。

Answer 2

最好使用<use>元素（已转换）而不是为每个实例复制路径。