কম্পিউটার

কিভাবে HTML5 ক্যানভাসে একটি ডিম্বাকৃতি আঁকা?


আপনি HTML5 ক্যানভাসে ডিম্বাকৃতি আঁকার জন্য নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন -

উদাহরণ

<!DOCTYPE HTML>
<html>
   <head>
   </head>
   <body>
      <canvas id="newCanvas" width="450" height="300"></canvas>
      <script>
         // canvas

         var c = document.getElementById('newCanvas');
         var context = c.getContext('2d');
         var cX = 0;
         var cY = 0;
         var radius = 40;
         
         context.save();
         context.translate(c.width / 2, c.height / 2);
         context.scale(2, 1);
         context.beginPath();
         context.arc(cX, cY, radius, 0, 2 * Math.PI, false);
         context.restore();
         context.fillStyle = '#000000';
         context.fill();
         context.lineWidth = 2;
         context.strokeStyle = 'yellow';
         context.stroke();
      </script>
   </body>
</html>

আউটপুট

কিভাবে HTML5 ক্যানভাসে একটি ডিম্বাকৃতি আঁকা?


  1. কিভাবে HTML5 SVG এ বহুভুজ আঁকবেন?

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

  3. কিভাবে একটি HTML5 ক্যানভাসে একটি SVG ফাইল আঁকতে হয়?

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