有没有办法标准化/零点 SVG 路径数据？

Question

我有一条可以在页面上的任何位置自行绘制的路径。所以我将有一条位于容器中间的路径。路径数据类似于：

M 100 100 L 100 200 L 200 200 L 200 100 z

这会在坐标 x 100, y 100 处创建一个框。但我想对其进行标准化或将其归零，以便坐标最终为：

M 0 0 L 0 100 L 100 100 L 100 0 z

然后我将 x 设置为 100，y 设置为 100。在这个示例中，我可以进行简单的数学计算，因为路径是一个正方形，但如果不是，例如，如果它是从右到左的一条线或一条复杂的路径，有没有代码可以将其归零？

如果需要，请要求澄清而不是投反对票。

这是 Flex 中Path类的源代码，它使用 AS3（如 JavaScript），看起来它具有可以帮助使用Path类获取边界的函数。

仅供参考 告知读者我的标签选择 Flex 和 FXG 是标记语言，是 SVG 的兄弟（均由 Adob​​e 创建）。两种语言的路径数据相同，并且标记几乎是 1 比 1。在一种语言中有效的答案可能在另一种语言中也有效。另外，DOMParser 可以解析 SVG，如果有帮助的话我可以使用它。

Answer 1

我认为这是简单的数学，无论你的道路有多复杂。只需迭代这些点并确定最小 x 和 y 值即可。等瞧\xc3\xa0！这就是你的“零点”偏移。你已经无意识地将相同的算法应用于你的方块，这是显而易见的。

\n