我们已经了解了一个变换方法，就是 rotate ，旋转 .. 下面我们可以再去了解一下其它的一些变换方法 .. 你想移动元素的位置可以使用 translate 这个方法 .. 比如你只想移动水平位置，可以用一下 translateX .. 把位置的距离交给这个方法 ..

你会发现这个图像元素的水平位置向右移动了 50px .. 要移动它的 y 轴的位置，可以使用 translateY ... 现在这个图像元素会向下移动 50 像素 ..

同时移动 x 与 y 的位置可以使用 translate 方法 .. 先是 x 的值，然后是 y 的值 ...

缩放，用的是 scale 这个方法 .. 比如我想让这个图像的宽度和高度缩小 50% .. 给这个方法两个值，0.5, 0.5 ... 现在我要让这个图像的宽高放大成 1.5 倍 .. 给这个方法的值是 1.5, 1.5..

斜切可以使用 skew[skju] .. 水平斜切可以使用 skewX ... 把一个值交给它 .. 比如 15deg .. 这个值也可以是一个负数 ...

垂直方向的斜切用的是 skewY ... 或者可以同时做水平与垂直方向的斜切，直接使用 skew 这个方法 .. 再给它提供两个值 ... 分别表示的是水平与垂直方向的斜切的度数 ...