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

时间:2009-01-14 23:40:04

标签: svg

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

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

说我有这张照片:

original image
(来源:omgtldr.com

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

alt text
(来源:omgtldr.com

例如,一个版本在坐标x,y处缩小了20%;另一个在坐标a,b等处放大了30%。

请假设我对编程部分没问题,我很乐意使用XML文件。这是我不理解的SVG部分。

2 个答案:

答案 0 :(得分:1)

您需要 transform 属性。您可以使用翻译移动路径,并使用比例调整其大小。

答案 1 :(得分:1)

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