sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-clip

sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-clip
/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 方法参数/uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 示例

title:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext.clip header:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ develop nav:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ api

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/

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

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 方法参数/uploads/projects/swan-docs/program-docs/docs/develop/api/show/

无

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 示例

在开发者工具中预览效果

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 扫码体验

sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-clip - 图1

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 图片示例/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ clip之前： sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-clip - 图2

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ clip之后： sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-clip - 图3

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-clip - 图4

/uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 代码示例/uploads/projects/swan-docs/program-docs/docs/develop/api/show/

:::codeTab

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

:::