आर्क () विधि का उपयोग HTML5 में कैनवास तत्व के साथ एक वृत्त बनाने के लिए किया जाता है। चाप () विधि वाले वृत्त के लिए, प्रारंभ कोण को 0 के रूप में और अंत कोण को 2*Math.PI के रूप में उपयोग करें।
आर्क() विधि के पैरामीटर मान यहां दिए गए हैं -
S. नहीं | पैरामीटर | विवरण |
1 | x | x-निर्देशांक |
2 | y | y-निर्देशांक |
3 | r | वृत्त की त्रिज्या |
4 | प्रारंभ कोण | रेडियन में प्रारंभिक कोण |
5 | अंत कोण | रेडियन में अंत कोण |
6 | वामावर्त (सही/गलत) | घड़ी की विपरीत दिशा में ड्राइंग के लिए, सही चुनें, अन्यथा, गलत |
उदाहरण
आप HTML5 में चाप () विधि के साथ एक वृत्त बनाने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -
<!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>