HTML5 में कैनवास पर भरा हुआ टेक्स्ट ड्रा करने के लिए fillText() मेथड का उपयोग करें। यह मेथड दिए गए टेक्स्ट को निर्दिष्ट x और y कोऑर्डिनेट पर भरता है। डिफ़ॉल्ट रंग काला होता है।
सिंटैक्स
fillText(text, x, y [, maxWidth])
पैरामीटर्स
| S. No | पैरामीटर | विवरण |
|---|---|---|
| 1 | text | लिखा जाने वाला टेक्स्ट |
| 2 | x | x कोऑर्डिनेट |
| 3 | y | y कोऑर्डिनेट |
| 4 | maxWidth | पिक्सल में अधिकतम अनुमत चौड़ाई (वैकल्पिक) |
उदाहरण
HTML5 में fillText() से टेक्स्ट ड्रा करने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <title>HTML5 Canvas fillText()</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.fillText("Tutorialspoint", 10, 50); ctxt.fillStyle = '#Cff765'; ctxt.font = "30px Verdana"; ctxt.fillText("Simply Easy Learning!", 10, 90); </script> </body> </html>
