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中使用AS3（如JavaScript）的Path类的源代码，看起来它的函数可能有助于使用Path类来获取边界。

FYI为了告知读者我的标签选择Flex和FXG是标记语言，它是SVG的兄弟（两者都是由Adobe创建的）。两种语言的路径数据相同，而且标记几乎是1比1.在一个中起作用的答案可能在另一个中起作用。此外，DOMParser可以解析SVG，如果它有用，我可以使用它。

Answer 1

我认为这是简单的数学，无论你的路径是多么复杂。只需迭代点并确定最小x和y值。 Etvoilà！那是你的“零点”偏移。您已经无意识地将相同的算法应用到您的方块中，这显然很明显。