دستورالعمل‌های مرجع

HTML برچسب‌ها

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