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:
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.