HTML5 এ ক্যানভাসে একটি ভরাট লেখা আঁকতে, fillText() পদ্ধতি ব্যবহার করুন। এখানে fillText() পদ্ধতির সিনট্যাক্স রয়েছে। এটি প্রদত্ত স্থানাঙ্ক x এবং y দ্বারা নির্দেশিত প্রদত্ত অবস্থানে প্রদত্ত পাঠটি পূরণ করে। ডিফল্ট রঙ কালো।
fillText(text, x, y [, maxWidth ] )
এখানে fillText() পদ্ধতির প্যারামিটার মান রয়েছে:
| S. না | প্যারামিটার | বিবরণ |
| 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> 