কম্পিউটার

কিভাবে HTML5 এ lineTo() দিয়ে একটি লাইন আঁকবেন?


HTML এ একটি লাইন আঁকতে, ক্যানভাস উপাদান ব্যবহার করুন। ক্যানভাসের সাথে, লাইন আঁকতে lineTo() পদ্ধতি ব্যবহার করুন। lineTo() পদ্ধতিতে x এবং y প্যারামিটার মান রয়েছে, যা লাইনকে অবস্থান করে।

কিভাবে HTML5 এ lineTo() দিয়ে একটি লাইন আঁকবেন?

উদাহরণ

আপনি 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>

  1. কিভাবে HTML5 এ স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) এর সাথে কাজ করবেন?

  2. কিভাবে HTML5 এ strokeText() দিয়ে একটি পাঠ্য আঁকবেন?

  3. কিভাবে HTML5 এ fillText() দিয়ে একটি টেক্সট আঁকবেন?

  4. কিভাবে HTML5 এ আর্ক() দিয়ে একটি বৃত্ত আঁকবেন?