Canvas fillText() विधि

Canvas संदर्भ पुस्तक

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

fillText() फ़ॉन्ट और आकार को निर्धारित करने के लिए फ़ॉन्ट पारामीटर का उपयोग करके और

सूचना:कृपया इसे उपयोग करें font पारामीटर का उपयोग करके फ़ॉन्ट और आकार को निर्धारित करने के लिए और fillStyle पारामीटर को अन्य रंग/ग्रेडिएंट के साथ पाठ रंगाया जाता है।

उदाहरण

fillText() का उपयोग करके, कैनवस पर "Hello world!" और "codew3c.com" पाठ लिखें:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);
ctx.font="30px Verdana";
// ग्रेडिएंट बनाया जाता है
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// ग्रेडिएंट से रंग भरा जाता है
ctx.fillStyle=gradient;
ctx.fillText("codew3c.com",10,90);

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

व्याकरण

context.fillText(text,x,y,maxWidth);

पारामीटर मान

पारामीटर वर्णन
text कैनवस पर आउटपुट पाठ को निर्धारित करता है।
x पेंट करने के लिए पाठ के x सतह की स्थिति (कैनवस के बादल)।
y पेंट करने के लिए पाठ की y सतह की स्थिति (कैनवस के बादल)।
maxWidth चुना जा सकता है। अधिकतम पाठ चौड़ाई पिक्सल में।

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

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

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

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

Canvas संदर्भ पुस्तक