html5的canvas坐标变换

原文：http://blog.sina.com.cn/s/blog_5f38c0560100uzrj.html

Html5 Canvas变形 个人觉得本质其实就是矩阵变换transform

坐标变形的三种方式，平移translate, 缩放scale以及旋转rotate都可以通过transform做到。

现在我们先来看看矩阵变换的定义：

Context.transform(m11,m12,m21,m22,dx,dy);

 

该方法使用一个新的变化矩阵与当前变换矩阵进行乘法运算，该变换矩阵的形式如下：

m11	m21	dx
m12	m22	dy
0	0