例
的矩形區域的夾子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(); |
|---|