setTransform(a, b, c, d, e, f)

使用单位矩阵重新设置(覆盖)当前的变换并调用变换的方法,此变换由方法的变量进行描述

  ctx.setTransform(1, 0, 0, 1, 0, 0)

参数

Number 水平缩放 (m11)

Number 水平倾斜 (m12)

Number 垂直倾斜 (m21)

Number 垂直缩放 (m22)

Number 水平移动 (dx)

Number 垂直移动 (dy)


测验

这个方法详细说明请看transform()

此方法与transform不同之处在于,它的设置是覆盖的

水平缩放2,垂直缩放1.5,垂直倾斜30度,水平倾斜15度,x移动40,y移动10

然后设置成默认值.可见,与transform()的累加效果不同,这个是覆盖之前的.

滚屏

就像页面滚动那样,通过调整坐标原点,让画布显示出那些画布可视范围外的内容.下图画有一些文字和几何图形,有些内容在画布范围外

通过调整"垂直移动(dy)"的值,不断在原地重绘,达到滚屏效果.值得注意的是动画清空区域,也要是动态的,clearRect(0,dy,300,160)