예
캔버스에서 200 개 * 120 픽셀의 직사각형 영역의 클립. 그런 다음, 빨간색 사각형을 그립니다. 잘린 영역 안에 빨간색 사각형의 부분 만이 볼 수 있습니다 :
자바 스크립트 :
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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
clip() 메소드 클립 일본어 캔버스에서 임의의 형상 및 크기의 영역.
Tip: 지역이 잘린되면, 미래의 모든 도면이 잘린 지역 제한됩니다 (no access to other regions on the canvas) . 당신은 그러나 사용하여 현재 캔버스 영역을 저장할 수있는 save() 사용하기 전에 방법을 clip() 메소드를, 및 복원 (with the restore() 미래에 언제든지 방법).
| 자바 스크립트 구문 : | context . clip() ; |
|---|
<캔버스 개체