ملء لوحة HTML () الطريقة
مثال
ارسم مستطيلين مقاس 150 * 100 بكسل. املأ أحدهما باللون الأحمر والآخر باللون الأزرق:
جافا سكريبت:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill();
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الطريقة بالكامل.
Method | |||||
---|---|---|---|---|---|
fill() | Yes | 9.0 | Yes | Yes | Yes |
التعريف والاستخدام
تملأ طريقة التعبئة () الرسم الحالي (المسار). اللون الافتراضي هو الأسود.
نصيحة: استخدم خاصية fillStyle لتعبئة لون / تدرج آخر.
ملاحظة: إذا لم يكن المسار مغلقًا ، فإن طريقة التعبئة () ستضيف خطًا من النقطة الأخيرة إلى نقطة بداية المسار لإغلاق المسار (مثل closePath () ) ، ثم ملء المسار.
بناء جملة JavaScript: | سياق ملء () ؛ |
---|
❮ مرجع قماش HTML