HTML कैनवस fill() मेथड

वर्णन और उपयोग

fill() फ़िल अभी के लिए चलाएगा के रूप में इमेज (पथ) को भरता है। डिफ़ॉल्ट रंग श्वेत है。

सूचना:कृपया fillStyle विशेषता का उपयोग करके भिन्न रंग/ग्रेडिएंट को भरने के लिए

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

उदाहरण

150*100 पिक्सल के चक्राकार चित्र को दूरी रखें, फिर इसे हरी रंग से भरें:

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

जावास्क्रिप्ट:

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

स्वयं प्रयोग करें

व्याकरण

context.fill();

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

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

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
4.0 9.0 3.6 4.0 10.1

टिप्पणी:Internet Explorer 8 और उससे पहले की संस्करण ने <canvas> एलीमेंट को समर्थित नहीं किया।