【原创】【HTML】【学习】Canvas学习笔记【中】_html/css_WEB-ITnose

5、保存和恢复Canvas状态

transform方法使用这个矩阵和原坐标的矩阵相乘

x

y

l

关于矩阵的乘法，遵循如下算法：

1：当矩阵A的列数等于矩阵B的行数时，A与B可以相乘。

2：矩阵C的行数等于矩阵A的行数，C的列数等于B的列数。

3：乘积C的第i行第j列的元素等于矩阵A的第i行的元素与矩阵B的第j列对应元素乘积之和。

根据以上算法，得到新的坐标矩阵为

(m11)x+(m21)y+dx

(m12)x+(m22)y+dy

1

即：

xNew = (m11)x+(m21)y+dx

yNew = (m12)x+(m22)y+dy

使用transform方法，只要设定特定的参数，就可以取代translate、scale、rotate等方法

第一眼看到矩阵变换，真是晕头转向，但只要研究足够深入，很快就会喜欢这种方法

用一条语句完成图形的移动、缩放和旋转！

查看更多关于【原创】【HTML】【学习】Canvas学习笔记【中】_html/css_WEB-ITnose的详细内容...