1.填充(fill)
fill() 是 Canvas 2D API 根据当前的填充样式,填充当前或已存在的路径的方法。采取非零环绕或者奇偶环绕规则。...(0, 0, canvas.width, canvas.height);
Transform(矩阵变形)
transform() 是 Canvas 2D API 使用矩阵多次叠加当前变换的方法,矩阵由方法的参数进行描述...// tansform是基于上一个状态进行改变
transform(a (水平缩放,垂直倾斜,水平倾斜,垂直缩放,水平移动,垂直移动);
//setTransform会先重置,再设置矩阵
setTransform...(a (水平缩放,垂直倾斜,水平倾斜,垂直缩放,水平移动,垂直移动);
//getTransform() 方法获取当前被应用到上下文的转换矩阵,返回一个 DOMMatrix 对象
坐标点位置判断
1....当一个状态值没有被改变时,Canvas 就会一直使用最初的值。当一个状态值被改变时,我们分两种情况考虑。
如果使用 beginPath()开始一个新的路径,则不同路径使用不同的值。