Canvas روش clearRect()

تعریف و استفاده

clearRect() روش پاک کردن پیکسل‌های مشخص شده در یک مستطیل داده شده.

مثال

پاک کردن یک مستطیل در محدوده داده شده:

مرورگر شما پلاگین 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);

آزمایش کنید

رابطه زبان

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

مقدار پارامتر

پارامتر توضیحات
x مختصری از نقطه بالا چپ مستطیل برای پاک کردن
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> پشتیبانی نمی‌کنند.