矩阵是用来专门实现图形变形的，它与坐标一起配合使用，达到变形的目的。当图形上下文被创建完毕时，事实上也创建了一个默认的变换矩阵，如果不对这个矩阵进行修改，那么接下来绘制的图形将以画布的最左上角为坐标原点进行绘制图形，绘制出来的图形也不经过缩放变形处理，但是如果对这个变换矩阵进行修改，那么情况就不一样了。
transform方法
- context.transform(a, b, c, d, x, y);
在上节使用坐标变换进行图形变形中所提到的三个方法：
translate(x, y);
scale(x ,y);
rotate(angle);
它们都可以使用transform方法来代替，套用context.transform(a, b, c, d, x, y);中的六个参入如下：
translate(x, y);
scale(a, d);
rotate(b, c);//此方法其实只有一个参数，在这里为了便于理解且对应transform，故使用剩余的2个参数，放在这里，是为了告诉大家，这两个参数作用差不多，都是与旋转有关
代码案例
-
HTML5每日一练之Canvas标签的应用-矩阵变换 -
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
