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

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

সিনট্যাক্স

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