html canvas transform()方法
html canvas transform()方法可以用来设置画布上下文的变换矩阵，它可以改变画布上的元素的形状、大小和位置。
transform()方法的语法如下：
context.transform(a, b, c, d, e, f);
其中，参数a、b、c、d、e、f分别是变换矩阵的六个参数，它们的意义如下：
- a：水平缩放，默认值为1；
- b：水平倾斜，默认值为0；
- c：垂直倾斜，默认值为0；
- d：垂直缩放，默认值为1；
- e：水平移动，默认值为0；
- f：垂直移动，默认值为0。
使用transform()方法可以实现一些常见的变换操作，例如：
- 缩放：context.transform(sx, 0, 0, sy, 0, 0);
- 旋转：context.transform(cos(angle), sin(angle), -sin(angle), cos(angle), 0, 0);
- 位移：context.transform(1, 0, 0, 1, dx, dy);
transform()方法还可以用来将坐标系统从一个坐标系统变换到另一个坐标系统，例如：
- 将屏幕坐标系统变换到画布坐标系统：context.transform(1, 0, 0, -1, 0, canvas.height);
- 将画布坐标系统变换到屏幕坐标系统：context.transform(1, 0, 0, -1, 0, -canvas.height);
transform()方法是一个非常强大的方法，它可以帮助我们实现各种各样的变换操作，但要注意，它会改变上下文的状态，在使用完transform()方法之后，要及时调用context.save()和context.restore()方法来保存和恢复上下文的状态。