Canvas fillRect() विधि

Canvas संदर्भ दस्तावेज

विभाषा और उपयोग

fillRect() fillRect() नामक विधि को इस्तेमाल करके 'भरा हुआ' वर्गाकार चित्रित करें। मूलभूत भरने का रंग श्वेत है।

तालीम:सुझाव: fillStyle भरने के लिए इस्तेमाल करने वाले रंग, ग्रेडिएंट या मोड को सेट करने के लिए गुणों को निर्धारित करें।

उदाहरण

150*100 पिक्सेल का भरा हुआ वर्गाकार दूसरे को चित्रित करें:

आपका ब्राउज़र HTML5 कैनवस टैग को समर्थित नहीं करता।

JavaScript:

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

अपने आप प्रयोग करें

व्याकरण

context.fillRect(x,y,width,height);

पारामीटर का मूल्य

पारामीटर वर्णन
x वर्गाकार के उच्च बाएं कोण की x अक्षांश।
y वर्गाकार के उच्च बाएं कोण की y अक्षांश।
width वर्गाकार की चौड़ाई पिक्सेल में।
height चतुर्भुज की ऊंचाई पिक्सल में।

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाली पहली ब्राउज़र संस्करण को सूचित करते हैं。

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

टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

Canvas संदर्भ दस्तावेज