एचटीएमएल कैनवस fillText() मेथड
वर्णन और उपयोग
fillText() फ़िल्टर मेथड को कैनवस पर रंगाने वाले पाठ को चित्रित करने के लिए उपयोग करें। पाठ का डिफ़ॉल्ट रंग काला है।
सूचना:कृपया font गुण को फ़ॉन्ट और आकार निर्धारित करने के लिए और fillStyle पाठ को अन्य रंग/ग्रेडिएंट से रंगाने के लिए गुण
उदाहरण
fillText() उपयोग करके, कैनवस पर टेक्स्ट "हेलो वर्ल्ड!" और "codew3c.com" लिखें:
जावास्क्रिप्ट:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("हेलो वर्ल्ड!",10,50);
ctx.font="30px Verdana";
// ग्रेडिएंट बनाना
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","मैगنتा");
gradient.addColorStop("0.5","नील");
gradient.addColorStop("1.0","लाल");
// ग्रेडिएंट से रंग भरें
ctx.fillStyle=gradient;
ctx.fillText("codew3c.com",10,90);
व्याकरण
context.fillText(text,x,y,maxWidth);
पारामीटर वैल्यू
| पारामीटर | वर्णन |
|---|---|
| text | कैनवस पर आउटपुट टेक्स्ट को निर्धारित करता है |
| x | कैनवस के बाद टेक्स्ट ड्राइंग शुरू करने वाले x स्थानांक को अवधारित करता है (कैनवस के बाद से) |
| y | कैनवस के बाद टेक्स्ट ड्राइंग शुरू करने वाले y स्थानांक को अवधारित करता है (कैनवस के बाद से) |
| maxWidth | वृद्धि रूप से अनिवार्य।सबसे अधिक टेक्स्ट चौड़ाई, पिक्सल में अवधारित |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र के संस्करण को सूचित करते हैं。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी：Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。
