如何在 Jquery 中获取 svg 路径元素的面向度答案

【问题标题】：How to get svg path element's facing degree in Jquery如何在 Jquery 中获取 svg 路径元素的面向度
【发布时间】：2013-06-20 20:03:44
【问题描述】：

我有一个 svg 地图，其中有许多看起来都相似的路径元素。我想获取它们的 x 轴、y 轴和角度（变换/旋转/度数）位置以进行其他操作。

使用 getBBox 我可以得到 x 轴和 y 轴。但我想获得路径元素的旋转角度（即，180 度、320 度等）。有什么办法可以得到路径元素的角度。

请检查下面的小提琴，我可以在其中检索 x 轴和 y 轴，但不能检索角度。

http://jsfiddle.net/YKMwf/

$(document).ready(function () {
    var bb = $('#svg_3').get(0).getBBox();
     $("#divaxis1").html("x = " + bb.x + "  y = " + bb.y);

    bb = $('#svg_2').get(0).getBBox();
     $("#divaxis2").html("x = " + bb.x + "  y = " + bb.y);
});

【问题讨论】：

你的小提琴中的路径都没有旋转。
好的，我现在知道了。它是这样绘制的，没有旋转..... :(

标签： jquery svg

【解决方案1】：

如果您需要跟踪和更改元素的旋转 - 最好在 CSS 中完成。然后您可以继续跟踪角度位置。

http://css-tricks.com/get-value-of-css-rotation-through-javascript/

【讨论】：

我的目标是从现有的 SVG 中获取路径元素的角度。然后使用 x,y,angles 在 Flash 应用程序上绘制路径元素。这里没有 css 的空间。
问题是 svg 不包含它的旋转信息。它实际上是按这个角度绘制的，而不是直接绘制然后变形。