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 प्रॉपर्टी का उपयोग करें ।

जावास्क्रिप्ट सिंटैक्स:	संदर्भ .fillRect ( एक्स, वाई, चौड़ाई, ऊंचाई );

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