Canvas strokeText() विधि

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

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

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

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

उदाहरण

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

आपका ब्राउज़र 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 चुनूँ। अधिकतम पाठ चौड़ाई पिक्सल में।

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

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

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

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

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