代码之家  ›  专栏  ›  技术社区  ›  AmbroseChapel

如何在不同大小/坐标下多次放置同一路径?

svg
  •  1
  • AmbroseChapel  · 技术社区  · 16 年前

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

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

    假设我有这张图片:

    original image
    (来源: omgtldr.com )

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

    alt text
    (来源: omgtldr.com )

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

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

    2 回复  |  直到 6 年前
        1
  •  1
  •   KovBal    16 年前

    你需要 transform 属性。你可以移动你的路径 翻译 并调整它们的大小 规模 .

        2
  •  1
  •   Phrogz    13 年前

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