Paraan na clearRect() ng Canvas

Paglalarawan at paggamit

clearRect() Ang paraan ay naglalimagan ng mga tinukoy na pixel sa binigay na rectangle.

Mga halimbawa

Hinawakan ang isang rectangle sa ibabaw ng binigay na rectangle:

Ang iyong browser ay hindi sumusuporta sa tag na HTML5 canvas.

JavaScript:

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);

Subukan nang sarili

Mga pangunahing pangungusap

context.clearRect(x,y,width,height);

Halaga ng parameter

Parameter Paglalarawan
x Ang x na itinatanggal sa kanlurang gilid ng rectangle
y Ang y na itinatanggal sa kanlurang gilid ng rectangle
width 要清除的矩形的宽度,以像素计
height 要清除的矩形的高度,以像素计

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

注释:Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。