SVG变换旋转

时间:2016-04-15 14:27:01

标签: svg rotation transform

我想知道是否有人能告诉我rotate()里面的数字代表什么?我知道第一个是角度,但另外两个?

<line x1="10" y1="0" x2="10" y2="20" transform="rotate(20 100 100)"></line>

2 个答案:

答案 0 :(得分:0)

  1. 第一个数字指定以度为单位的旋转。

  2. 第二个数字是SVG旋转的点(x,y)的x坐标。

  3. 第三个数字是SVG旋转的点(x,y)的y坐标。

  4. 来源:https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform

答案 1 :(得分:0)

如果旋转中只有一个数字,例如:transform =&#34; rotate(10)&#34;然后旋转发生在点(0,0)

附近