HTML5 में कैनवास एलिमेंट के साथ सर्कल बनाने के लिए arc() मेथड का उपयोग किया जाता है। arc() मेथड से सर्कल के लिए, स्टार्ट एंगल 0 और एंड एंगल 2*Math.PI का उपयोग करें।
पैरामीटर्स
| S. No | पैरामीटर | विवरण |
|---|---|---|
| 1 | x | x-कोऑर्डिनेट |
| 2 | y | y-कोऑर्डिनेट |
| 3 | r | सर्कल की त्रिज्या |
| 4 | startingAngle | रेडियन में स्टार्टिंग एंगल |
| 5 | endingAngle | रेडियन में एंडिंग एंगल |
| 6 | 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>
