轉換功能

翻譯

translate 沿指定的向量移動圖形：

<circle cx="0" cy="0" r="50" transform="translate(50,50)"/>

第一個值是 x 平移，第二個是 y。如果省略 y，則預設為 0。

規模

scale 按指定比例調整元素大小：

<circle cx="50" cy="50" r="25" transform="scale(.5,2)"/>

像 translate 一樣，引數是 x，然後是 y。但是，在 scale 中，如果省略 y，則預設為 x 的值; 換句話說，它在不改變寬高比的情況下縮放元素。

旋轉

rotate 按指定角度旋轉元素。

<!-- <rect> used for this example because circles can't be rotated -->
<rect width="100" height="5" transform="rotate(90,50,50)"/>

第一個值是角度，以度為單位。順時針應用轉換。其他兩個值表示要旋轉的點，預設為原點。