將旋轉轉換爲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

回答