HTML5 में कैनवास पर टेक्स्ट बनाने के लिए, स्ट्रोकटेक्स्ट () विधि का उपयोग करें। यहाँ स्ट्रोकटेक्स्ट () विधि का सिंटैक्स है। यह दिए गए टेक्स्ट को दिए गए स्थान पर स्ट्रोक करता है, जो दिए गए x और y निर्देशांक द्वारा इंगित किया जाता है। डिफ़ॉल्ट रंग काला है।
strokeText(text, x, y [, maxWidth ] )
यहां स्ट्रोकटेक्स्ट() विधि के पैरामीटर मान दिए गए हैं -
| <वें शैली ="चौड़ाई:22.4572%;"> <वें शैली ="चौड़ाई:63.0267%;"> | ||
|---|---|---|
| एस. नहीं | पैरामीटर | विवरण |
| 1 | पाठ | लिखा जाने वाला टेक्स्ट |
| 2 | X | x समन्वय जहाँ पेंटिंग शुरू होती है |
| 3 | Y | x समन्वय जहाँ पेंटिंग शुरू होती है |
| 4 | अधिकतमविड्थ | पिक्सेल में अधिकतम अनुमत चौड़ाई |
उदाहरण
आप HTML5 में स्ट्रोकटेक्स्ट () के साथ टेक्स्ट बनाने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas strokeText()</title>
</head>
<body>
<canvas id="newCanvas" width="400" height="150" style="border:1px solid #000000;">
</canvas>
<script>
var c = document.getElementById("newCanvas");
var ctxt = c.getContext("2d");
ctxt.fillStyle = '#00F';
ctxt.font = "20px Georgia";
ctxt.strokeText("Tutorialspoint", 10, 50);
ctxt.fillStyle = '#Cff765';
ctxt.font = "30px Verdana";
ctxt.strokeText("Simply Easy Learning!", 10, 90);
</script>
</body>
</html>