图形变形_缩放

ctx.scale(x,y)：用于缩放图像。

• x：x轴方向的缩放因子
• y：y轴方向的缩放因子

默认情况下，一个单位就是一个像素，缩放因子可以缩放单位，比如缩放因子0.5表示将大小缩小为原来的50%，缩放因子10表示放大十倍。

如果缩放因子为1，就表示图像没有任何缩放。

如果为-1，则表示方向翻转。ctx.scale(-1, 1)为水平翻转，ctx.scale(1, -1)表示垂直翻转。

xxxxxxxxxx
        ctx.translate(100, 100)//平移
        ctx.save()//保存当前状态
        // 绘制第一个矩形
        ctx.fillStyle = 'green'
        ctx.fillRect(0, 20, 100, 100)

        //绘制X轴所在的一条直线
        ctx.beginPath()
        ctx.moveTo(0,0)
        ctx.lineTo(500,0)
        ctx.stroke()
        
        // 绘制第二个矩形
        ctx.scale(0.5, 0.5)//缩放网格
        ctx.fillStyle = 'yellow'
        ctx.fillRect(0, 40, 100, 100)

        
        ctx.restore()//恢复之前的状态
        ctx.scale(1, -1)//垂直方向翻转
        // 绘制第一个矩形
        ctx.fillStyle = 'green'
        ctx.fillRect(0, 20, 100, 100)
        // 绘制第二个矩形
        ctx.scale(0.5, 0.5)//缩放网格
        ctx.fillStyle = 'yellow'
        ctx.fillRect(0, 40, 100, 100)

实时效果反馈

1.下列描述错误的是：

A ctx.scale(0.5,2)，代表X轴方向缩小0.5倍，y轴方向放大2倍

Bctx.scale(1, -1)代表水平方向翻转

答案

1=>B