HTML5-এ fillText() ব্যবহার করে ভরা টেক্সট আঁকার পদ্ধতি

HTML5-এ ক্যানভাসে ভরা টেক্সট আঁকার জন্য fillText() মেথড ব্যবহার করা হয়। এই মেথডটি দেওয়া কোঅর্ডিনেটে (x, y) টেক্সট পূরণ করে। ডিফল্ট রঙ কালো।

সিনট্যাক্স

fillText(text, x, y [, 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>