我已经为此挣扎了一段时间,似乎在任何地方都找不到一个(有效的)答案。我有一个SVG文件,看起来像这样:

<svg

   xmlns:dc="http://purl.org/dc/elements/1.1/"
   ...
   width="72.9375"
   height="58.21875"
   ...>
   ...
   <g
     ...
     transform="translate(10.75,-308.96875)"
     style="...">
     <path
       inkscape:connector-curvature="0"
       d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z"
       ... />
  </g>
</svg>

我想删除transform="…"行,但仍然有我的图像留在我已经放置它(在InkScape)。如果我手动删除转换,图像将压缩到屏幕的另一部分(正如预期的那样),但我需要完全删除转换,同时让图像保持在我想要的位置。是否有一种方法可以移除/平展转换到路径坐标本身?(我唯一需要处理的变换是平移和缩放,没有矩阵。)


当前回答

虽然我更喜欢Inkscape,但Affinity Designer(约40美元/ Mac)在使用Android Vector Drawables时为我节省了数小时的精力。

打开一个SVG,文件->导出-> SVG ->更多->扁平化转换效果很好。

其他回答

要从Inkscape中的g元素(组)中删除transform属性,您可以将组移动到其最终位置,取消分组,然后重新分组所有元素。现在已经创建了一个新组,如果您不再次移动它,它将不会获得附加的transform属性。

有一个名为Apply Transforms的inkscape扩展,它通过转换重新计算路径。这正是我一直在寻找的。

安装后,你会发现它的菜单下扩展>修改路径>应用转换。


移除所有变换,同时保持原位

我已经有这个问题很多年了。解决方案显然是能够在浏览器中动态地发挥转换,如果它不打算“固定”在inkscape。

Inkscape论坛的一位用户Mc给了我这个解决方案。

该解决方案在SVG元素及其SVG根元素之间构建当前转换,然后根据转换的总数返回一组完整的BBox信息。

如果您想在同一SVG文件的两个部分之间进行浏览器工作,还可以轻松地更改计算相对于哪个元素。

最后,我可以实际拥有一个平移SVG视口。

在我的例子中,保存为优化的SVG解决了这个问题。所以在Inkscape的使用中:

File ->另存为…->优化SVG。

在这种情况下,只需将翻译添加到每个子的m值,即-10.254587 + 10.75 = -0.504587和-308.96875 + 345.43597 = 36.46722。

因为例子中所有的项都是相对的(即小写)。如果有任何是绝对的(大写),例如M或C,它们也必须进行调整。

对于缩放,你基本上是将所有子值乘以缩放。