HTML कैनवस strokeText() विधि

HTML5 कैनवस संदर्भ दस्तावेज़

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

strokeText() कैनवस पर पाठ बन्धन करने वाली विधि (रंग नहीं भरने वाली) है। पाठ का डिफ़ॉल्ट रंग काला है。

सूचना:कृपया font प्रयोग करके फ़ॉन्ट और आकार निर्धारित करें और strokeStyle पाठ को अन्य रंग/ग्रेडिएंट के साथ रंगाया जाता है。

strokeText() उपयोग करके, कैनवस पर

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

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

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("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.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);

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

व्याकरण

context.strokeText(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> एलिमेंट को समर्थन नहीं देते हैं。

HTML5 कैनवस संदर्भ दस्तावेज़