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