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

HTML-এ রেখা আঁকার জন্য ক্যানভাস এলিমেন্ট ব্যবহার করা হয়। ক্যানভাসের সাথে lineTo() মেথড ব্যবহার করে রেখা আঁকা যায়। lineTo() মেথডে x এবং y প্যারামিটার থাকে যা রেখার অবস্থান নির্ধারণ করে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML5-এ lineTo() দিয়ে রেখা আঁকা যাবে:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Canvas</title>
  </head>
  <body>
    <canvas id="newCanvas" width="300" height="150" style="border:1px solid #000000;"></canvas>
    <script>
      var c = document.getElementById("newCanvas");
      var ctxt = c.getContext("2d");
      ctxt.beginPath();
      ctxt.moveTo(70, 50);
      ctxt.lineTo(50, 120);
      ctxt.stroke();
    </script>
  </body>
</html>