مثال
التعادل مرتين 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(); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة مستعرض يعتمد الأسلوب بشكل كامل.
| طريقة | |||||
|---|---|---|---|---|---|
| fill() | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
و fill() طريقة يملأ الرسم الحالي (المسار). اللون الافتراضي هو أسود.
نصيحة: استخدم fillStyle الملكية لملء مع لون آخر / التدرج.
ملاحظة: إذا لم يتم إغلاق الطريق، و fill() وطريقة إضافة خط من النقطة الأخيرة إلى startpoint المسار إلى إغلاق الطريق (مثل closePath() )، ومن ثم ملء المسار.
| جافا سكريبت بناء الجملة: | context.fill(); |
|---|