HTML canvas clearRect() method

Tafiyar da kuma amfani

clearRect() Hanyar yin a kaiwa a cikin biru girmen na ake kaiwa a cikin kwamfani.

Shirin

Yanci biru girmen biru girmen a kaiwa a cikin kwamfani:

Kan amfani da ke ake HTML5 canvas tag a kai.

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

亲自试一试

语法

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

参数值

参数 描述
x 要清除的矩形左上角的 x 坐标
y 要清除的矩形左上角的 y 坐标
width 要清除的矩形的宽度,以像素计
height 要清除的矩形的高度,以像素计

Tsarin ƙarancin

Dabawon ƙirar suna nuna ƙirar ƙirar da aka ƙarɓa ƙirar a cikin ƙarancin yankin.

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

Rarrabawa:Internet Explorer 8 da sauran sabbin ƙarancin ba su suka aiki <canvas> ƙirar.