طريقة Canvas 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 | مستوى اليسار العلوي للمعادلة المستقيمة التي سيتم مسحها |
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>.