CanvasContext.clip

解释: clip 方法从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域)。可以在使用 clip 方法前通过使用 save 方法对当前画布区域进行保存,并在以后的任意时间对其进行恢复(通过 “restore ” 方法)。

# 方法参数

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

clip之前:
clip之后:

# 代码示例

    <canvas canvas-id="myCanvas" class="myCanvas" />
    
    Page({
        onShow() {
            const canvasContext = swan.createCanvasContext('myCanvas')
            canvasContext.rect(50,20,200,120);
            canvasContext.stroke();
            canvasContext.clip();
            // 在 clip() 之后绘制黑色矩形
            canvasContext.fillRect(0,0,150,100);
            canvasContext.draw()
        }
    });