HTML 참조 매뉴얼

HTML 태그 전체

HTML canvas clearRect() 메서드

clearRect()는 Canvas 2D API 설정 지정된矩形的区域内（점 (x, y)를 시작점으로, 범위는(width, height)）모든 픽셀을 투명으로 만들고 이전에 그린 모든 내용을 지우는 메서드입니다。

在线示例

清除给定矩形内的矩形：

示例

<!DOCTYPE　html>
<html>
<head>
<title>HTML　canvas　clearRect()　方法的使用(基础教程网　w3(codebox.com)</<title>
</<head>
<body>
<canvas　id="myCanvas"　width="300"　height="150"　style="border:1px　solid　#d3d3d3>
您的浏览器不支持　HTML5　canvas　표签。
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.fillStyle="blue";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
</script>
</body>
</html>

테스트를 볼 수 있습니까?‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome 및 Safari가 clearRect()를 지원합니다. 메서드.

주의:Internet Explorer 8 이전 버전에서는 <canvas> 요소를 지원하지 않습니다.

정의와 사용법

clearRect() 메서드는 지정된 사각형 내의 특정 픽셀을 지웁니다.

JavaScript 문법:	context.clearRect(x,y,width,height);

매개변수 값

매개변수	설명
x	지우려는 사각형의 왼쪽 상단角的 x 좌표.
y	지우려는 사각형의 왼쪽 상단角的 y 좌표.
width	지우려는 사각형의 너비를 픽셀로 계산하여 지정합니다.
height	지우려는 사각형의 높이를 픽셀로 계산하여 지정합니다.

HTML canvas 참조 매뉴얼

HTML: <template> 태그