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

时间:2014-12-05 10:06:10

标签: javascript svg

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

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

请告知。

1 个答案:

答案 0 :(得分:0)

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

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