CanvasContext.clip

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

方法参数

无

示例 

在开发者工具中打开

图片示例

代码示例

<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()
    }
});