CanvasContext.clip

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

方法参数

无

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

clip之前：

clip之后：

代码示例

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