طريقة HTML canvas clearRect()

دليل مرجع HTML5 Canvas

التعريف والاستخدام

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 موقع x للركن الأيسر العلوي للمربع الذي يتم تنظيفه
y موقع y للركن الأيسر العلوي للمربع الذي يتم تنظيفه
width عرض المربع الذي يتم تنظيفه، مقاسه بالبكسل
height ارتفاع المربع الذي يتم تنظيفه، مقاسه بالبكسل

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

الكل الجانب فايرفوكس سفاري أوبرا
الكل الجانب فايرفوكس سفاري أوبرا
4.0 9.0 3.6 4.0 10.1

التعليقات:النسخة 8 من إنترنت إكسبلورر وكل النسخ الأقدم لا تدعم عنصر <canvas>.

دليل مرجع HTML5 Canvas