我们如何从矩阵中获取旋转角度?

时间:2012-07-16 17:19:32

标签: c# javascript css3 matrix svg

可以请任何人解释我如何从矩阵属性中获取下一张图像的x,y和旋转角度?

<image
   y="-136.18584"
   x="343.87161"
   id="image3000"
   xlink:href="file:///C:/Users/gaurav/Documents/testing.jpg"
   height="369"
   width="360"
   transform="matrix(0.75329963,0.65767748,-0.65767748,0.75329963,0,0)" />

我的数学很弱,所以请帮帮我吗?

1 个答案:

答案 0 :(得分:4)

根据Coordinate Systems, Transformations and Units – SVG 1.1 (Second Edition),如果我的袖珍计算器是正确的,逆时针方向约为41度。

第一个值0.75329963是cos(theta),其中theta是搜索角度。因此,您只需计算该值的反余弦值并得出结果。

x&amp; y定义旋转的中心。确切的值取决于开发人员的意图。换句话说:旋转后放置图像的位置。它们的效果还取决于图像尺寸。