طريقة fill() لـ HTML canvas

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

fill() يملك الطريقة رسم الصورة الحالية (المسار). لون افتراضيه أسود.

نصيحة:يرجى استخدام fillStyle الخصائص لتحميل لون/تدرج آخر.

ملاحظة:إذا لم يُغلق المسار، فإن fill() الطريقة تضيف خطًا بين نهاية المسار وأوليته، لإغلاق المسار، ثم تحميض المسار.

مثال

رسم دائرة قياس 150*100 بكسل، ثم ملأها باللون الأخضر:

متصفحك لا يدعم علامة HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();

جرب بنفسك

النحو

context.fill();

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار أولي يدعم هذه الخاصية.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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