Canvas fill() विधि

Canvas संदर्भ मानचित्र

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

fill() विधि का उपयोग करके वर्तमान इमेज (रास्ता) को भरती है। मूल रंग श्वेत है।

सूचना:इसे उपयोग करें fillStyle गुण का उपयोग करके एक अन्य रंग/ग्रेडिएंट को भरने के लिए करें。

टिप्पणी:यदि रास्ता बंद नहीं है तो fill() विधि रास्ते के अंतिम बिंदु से शुरूआती बिंदु तक एक रेखा जोड़ती है, ताकि रास्ता बंद कर दे और इसे भरती है。

उदाहरण

150*100 पिक्सल के आकार का चतुर्भुज बनाएं और उसे हरी रंग से भरें:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();

अपने आप प्रयास करें

व्याकरण

context.fill();

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

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

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 संदर्भ मानचित्र