裁切路径

ctx.clip()：将构建的路径转换为裁剪路径，裁切路径确定好之后，再绘制图形，裁切路径内的图形可以显示，裁切路径外的图形不显示。

默认情况下，canvas 有一个与它自身一样大的裁切路径（也就是没有裁切效果）。

提示：

裁切路径也属于canvas状态

xxxxxxxxxx
        var ctx = document.getElementById('canvas').getContext('2d')
        ctx.save()//保存状态
        ctx.fillRect(0, 0, 200, 200)//绘制一个跟画布一样大小的黑色矩形

        ctx.arc(100, 100, 50, 0, 2 * Math.PI)//定义个圆形的路径
        ctx.clip()
        // ctx.restore()
        // 绘制一个跟画布一样大小的黄色矩形
        ctx.fillStyle = 'yellow'
        ctx.fillRect(0, 0, 200, 200)

实时效果反馈

1.下列描述错误的是：

A ctx.clip()，裁切路径之后，绘制的图形在裁切路径区域内的可以显示

Bctx.clip()，裁切路径之后，绘制的图形在裁切路径区域外的可以显示

答案

1=>B