将旋转转换为SVG路径的点阵列

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

也许它应该不是旋转的，但是用一些路径算法计算新的d值然后设置它并使路径看起来像旋转一样。

请指教。

计算'd'的新坐标：http://math.stackexchange.com/questions/195141/rotating-2d-coordinates – pawel 2014-12-05 10:36:03

不太确定snap-framework标签应该是snap.svg。如果您使用snap.svg.js，则可以使用snap.path.map http://snapsvg.io/docs/#Snap.path.map，并使用已旋转的Snap矩阵。 – Ian 2014-12-05 11:03:48

@您是否介意将其作为答案，以便将其标记为解决方案？ – 2014-12-05 18:25:49

您可以使用Snap.path.map（）方法转换路径字符串。 Docs。因此，使用矩阵（例如Snap.matrix（）.rotation（45）），您可以将它与您的路径字符串一起传递给Snap.path.map（myPath，myMatrix）。它应该为你转换它。

2014-12-05 22:53:20 Ian

回答