HTML5-এ ক্যানভাস এলিমেন্ট দিয়ে বৃত্ত আঁকার জন্য arc() মেথড ব্যবহার করা হয়। arc() দিয়ে বৃত্ত আঁকার জন্য শুরু কোণ ০ এবং শেষ কোণ ২*Math.PI সেট করতে হয়।
প্যারামিটার বর্ণনা
| ক্রম | প্যারামিটার | বর্ণনা |
|---|---|---|
| ১ | x | x-কোঅর্ডিনেট |
| ২ | y | y-কোঅর্ডিনেট |
| ৩ | 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>