将旋转转换为 SVG 路径的点数组答案

【问题标题】：Convert rotation to points array for a SVG Path将旋转转换为 SVG 路径的点数组
【发布时间】：2015-01-02 10:36:32
【问题描述】：

我的路径基本上是一个有 4 个点的矩形。我通过添加transform="rotate(45)" 来旋转它。现在我需要获取旋转路径的每个角点相对于容器的坐标。

可能它根本不应该是旋转，而是使用一些算法为路径计算一个新的d 值，然后设置它并使路径看起来像是旋转的。

请指教。

【问题讨论】：

计算d的新坐标：math.stackexchange.com/questions/195141/rotating-2d-coordinates
不太确定 snap-framework 标签是否应该是 snap.svg。如果您使用的是 snap.svg.js，您可能可以将 snap.path.map snapsvg.io/docs/#Snap.path.map 与已旋转的 Snap 矩阵一起使用。
@Ian 您介意将其作为答案，以便我将其标记为解决方案吗？

【解决方案1】：

您可以使用 Snap.path.map() 方法转换路径字符串。 Docs.

因此，使用矩阵（例如 Snap.matrix().rotate(45)），您可以将其与路径字符串一起传递给 Snap.path.map(myPath, myMatrix);它应该为你转换它。

【讨论】：