scale(x, y)

根据 x 水平方向和 y 垂直方向,为canvas 单位添加缩放变换的方法. 默认的, 在 canvas 中一个单位实际上就是一个像素.例如,如果我们将0.5作为缩放因子,最终的单位会变成0.5像素,并且形状的尺寸会变成原来的一半.相似的方式,我们将2.0作为缩放因子,将会增大单位尺寸变成两个像素.形状的尺寸将会变成原来的两倍

  scale(x, y)

参数

x Number 水平方向的缩放因子

y Number 垂直方向的缩放因子

测验

画一个填充正方形,然后调用scale(2,1),即x坐标缩放为原来的两倍,然后再画同样大小的一个正方形.

由于x坐标扩大到2倍了,所以看起来是一个长方形

画布默认的比例是1,单位是1px,1个单位就是1px.调整比例因子为(x,y)后,每个单位就会乘以x,y.

这个例子调整了x轴比例为2,画边长为80的正方形时,x轴平行的边长度会变成,80*2=160

x轴缩小到0.5,y轴放大1.5倍

如果参数 x = -1 ,先将原点移动到(150,0),画一个正方形,然后调用scale(-1,1),再画这正方形

两个图形对Y轴是对称的.利用这个特点,如果要画一个图形的Y对称图形,只需调整画布scale(-1,1)再画一次即可

如果参数 y = -1 ,先将原点移动到(0,70),画一个正方形,然后调用scale(1,-1),再画这正方形

两个图形对X轴是对称的.利用这个特点,如果要画一个图形的X对称图形,只需调整画布scale(1,-1)再画一次即可