HTML5 में कैनवास पर टेक्स्ट ड्रा करने के लिए strokeText() मेथड का उपयोग करें। यह मेथड दिए गए टेक्स्ट को निर्दिष्ट x और y कोऑर्डिनेट पर स्ट्रोक करता है। डिफ़ॉल्ट रंग काला होता है।
सिंटैक्स
strokeText(text, x, y [, maxWidth])
पैरामीटर्स
| S. No | पैरामीटर | विवरण |
|---|---|---|
| 1 | text | लिखा जाने वाला टेक्स्ट |
| 2 | x | x कोऑर्डिनेट जहां पेंटिंग शुरू होती है |
| 3 | y | y कोऑर्डिनेट जहां पेंटिंग शुरू होती है |
| 4 | maxWidth | पिक्सल में अधिकतम अनुमत चौड़ाई (वैकल्पिक) |
उदाहरण
HTML5 में strokeText() से टेक्स्ट ड्रा करने के लिए निम्न कोड चलाएं:
<!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>
