최신 웹 개발 튜토리얼
 

HTML canvas clearRect() Method

<캔버스 개체

주어진 사각형 안에 사각형을 취소합니다 :

YourbrowserdoesnotsupporttheHTML5canvastag.

자바 스크립트 :

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
»그것을 자신을 시도

브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
clearRect() 4.0 9.0 3.6 4.0 10.1

정의 및 사용

clearRect() 메소드는 소정의 사각형 내의 지정된 픽셀을 클리어한다.

자바 스크립트 구문 : context . clearRect( x,y,width,height ) ;

매개 변수 값

매개 변수 기술 플레이
x 맑은하기 위해 사각형의 왼쪽 위 모서리의 x 좌표 »플레이
y 맑은하기 위해 사각형의 왼쪽 위 모서리의 y 좌표 »플레이
width 사각형의 폭을 픽셀 단위로 취소 »플레이
height 사각형의 높이를 픽셀 단위로 취소 »플레이

<캔버스 개체