কম্পিউটার

কিভাবে HTML5 ক্যানভাস ব্যবহার করে লাইন আঁকতে হয়?


HTML5 ট্যাগটি স্ক্রিপ্টিং ব্যবহার করে গ্রাফিক্স, অ্যানিমেশন ইত্যাদি আঁকতে ব্যবহৃত হয়। এটি HTML5 এ প্রবর্তিত একটি নতুন ট্যাগ। HTML5 ক্যানভাস ব্যবহার করে লাইন আঁকতে lineTo() পদ্ধতি ব্যবহার করুন।

কিভাবে HTML5 ক্যানভাস ব্যবহার করে লাইন আঁকতে হয়?

HTML5 ক্যানভাস

ব্যবহার করে কীভাবে লাইন আঁকতে হয় তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 Canvas Tag</title>
   </head>

   <body>
      <canvas id="newCanvas" width="400" height="300" style="border:1px
         solid #000000;"></canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');

         // Drawing lines
         ctx.beginPath();
         ctx.moveTo(30, 30);
         ctx.lineTo(180, 100);
         ctx.moveTo(30, 10);
         ctx.lineTo(260, 100);
         ctx.stroke();
      </script>
   </body>
</html>

আউটপুট

কিভাবে HTML5 ক্যানভাস ব্যবহার করে লাইন আঁকতে হয়?


  1. ক্যানভাস HTML5 ব্যবহার করে কিভাবে একটি তারকা আঁকা?

  2. কিভাবে HTML5 এ SVG ব্যবহার করে আকার আঁকতে হয়?

  3. কিভাবে HTML ক্যানভাসে একটি বৃত্তাকার আয়তক্ষেত্র আঁকতে হয়?

  4. কিভাবে HTML5 ক্যানভাস দিয়ে ছবি ব্যবহার করবেন?