CanvasContext.clip

解釋：clip 方法從原始畫布中剪切任意形狀和尺寸。一旦剪切了某個區(qū)域，則所有之后的繪圖都會被限制在被剪切的區(qū)域內(nèi)（不能訪問畫布上的其他區(qū)域）?？梢栽谑褂?clip 方法前通過使用 save 方法對當前畫布區(qū)域進行保存，并在以后的任意時間對其進行恢復（通過 “restore” 方法）。

方法參數(shù)

無

示例 

在開發(fā)者工具中打開

圖片示例

代碼示例

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