2016-04-15 494 views
-1

我想知道是否有人可以告訴我旋轉()內的數字代表什麼?我知道第一個是角度,但另外兩個?SVG轉換旋轉

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

回答

0
  1. 的第一個號碼指定度的旋轉。

  2. 第二個數字是SVG旋轉的點(x,y)的x座標。

  3. 第三個數字是SVG旋轉的點(x,y)的y座標。

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

+0

與其說「X-起源」和「y-起源」,它可能是更清楚地說,他們是X和旋轉中心的Y座標(即約輪換應該發生)。 –