HTML کینس clearRect() طریقہ
تعریف و استعمال
clearRect() محدودہ کی داخلی میں مخصوص پیکسل کو خالی کرنے والا طریقہ.
مثال
محدودہ کی داخلی میں ایک مربع خالی کرنا:
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 | ارتفاع مستطیلی که باید پاک شود، به پیکسل |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخهای اولیه از مرورگر هستند که این ویژگی را کامل پشتیبانی میکند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
توضیح:نسخههای 8 Internet Explorer و قدیمیتر از <canvas> عناصر را پشتیبانی نمیکنند.
