我已经为此挣扎了一段时间,似乎在任何地方都找不到一个(有效的)答案。我有一个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,它足以稍微移动路径元素(例如用光标键),Inkscape将删除转换属性,并相应地调整路径数据。(如果你真的想保留transform属性,这很烦人。)

因此,您可以简单地选择路径(确保它是路径而不是周围的组),点击左右光标键,就完成了。

其他回答

根据我的经验,如果你正在使用Inkscape,它足以稍微移动路径元素(例如用光标键),Inkscape将删除转换属性,并相应地调整路径数据。(如果你真的想保留transform属性,这很烦人。)

因此,您可以简单地选择路径(确保它是路径而不是周围的组),点击左右光标键,就完成了。

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

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

如果有人在草图3中找到解决方案,选择该图层,然后单击图层->路径->Flatten。

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

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

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

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

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

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

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

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