예
의 사각형 영역의 클립 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() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
clip() 메소드 클립 원래 캔버스에서 어떤 모양과 크기의 영역.
팁 : 영역 클리핑되면, 이후의 모든 도면이 잘린 영역 (캔버스에 다른 지역에 액세스 할 수 없음)로 제한됩니다.당신은 그러나 사용하여 현재 캔버스 영역을 저장할 수있는 save() 사용하기 전에 방법을 clip() 메소드를, 그리고합니다 (로 복원 restore() 미래에 언제든지 방법).
| 자바 스크립트 구문 : | context.clip(); |
|---|