转换功能

翻译

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)"/>

第一个值是角度，以度为单位。顺时针应用转换。其他两个值表示要旋转的点，默认为原点。