例
的矩形区域的夹子200*120从画布像素。 然后，画一个红色矩形。 红色矩形是剪切区域内的只有一部分是可见的：
JavaScript的：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Clip a rectangular area
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// Draw red rectangle after clip()
ctx.fillStyle="red";
ctx.fillRect(0,0,150,100);
</script> 试一试» 浏览器支持
在表中的数字指定完全支持方法的第一个浏览器的版本。
| 方法 | |||||
|---|---|---|---|---|---|
| clip() | 是 | 9 | 是 | 是 | 是 |
定义和用法
的clip()方法剪辑从原始画布任何形状和大小的区域。
提示：一旦一个区域被裁剪，未来所有的图纸将是有限的裁剪区域（没有进入其他地区在画布上）。但是，您可以保存使用当前画布区域save()使用该方法之前clip()方法，以及（在恢复它restore()方法）的任何时间在未来。
| JavaScript语法： | context.clip(); |
|---|