طريقة 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

ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا يدعم عنصر <canvas>.