طريقة ملء لوحة HTML القماشية ()

ارسم مستطيلاً ممتلئاً بحجم 150 * 100 بكسل:

جافا سكريبت:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillRect(20, 20, 150, 100);

دعم المتصفح

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

Method
fillRect()	Yes	9.0	Yes	Yes	Yes

طريقة () fillRect ترسم مستطيلاً "ممتلئاً". اللون الافتراضي للتعبئة هو الأسود.

تلميح: استخدم خاصية fillStyle لتعيين لون أو تدرج أو نقش مستخدم لتعبئة الرسم.

بناء جملة JavaScript:	السياق .fillRect ( x ، y ، العرض ، الارتفاع ) ؛

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels