কম্পিউটার টিউটোরিয়াল

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

HTML5-এ ক্যানভাস এলিমেন্ট দিয়ে বৃত্ত আঁকার জন্য arc() মেথড ব্যবহার করা হয়। arc() দিয়ে বৃত্ত আঁকার জন্য শুরু কোণ ০ এবং শেষ কোণ ২*Math.PI সেট করতে হয়।

প্যারামিটার বর্ণনা

ক্রমপ্যারামিটারবর্ণনা
১xx-কোঅর্ডিনেট
২yy-কোঅর্ডিনেট
৩rবৃত্তের ব্যাসার্ধ
৪startingAngleশুরু কোণ (রেডিয়ানে)
৫endingAngleশেষ কোণ (রেডিয়ানে)
৬counterclockwiseবামঘুরে আঁকার জন্য true, অন্যথায় false

উদাহরণ

নিচের কোডটি চালিয়ে HTML5-এ arc() মেথড দিয়ে বৃত্ত আঁকা যাবে:

<!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.arc(100, 75, 50, 0, 2*Math.PI);
      ctxt.stroke();
    </script>
  </body>
</html>
  1. SVG-এ ফাঁকা বৃত্ত কীভাবে আঁকবেন?

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

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

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