जावास्क्रिप्ट में कैनवास के माध्यम से वृत्त बनाना

अगली विधि arc किसी बिंदु पर केंद्र के साथ एक चाप बनाती है। यह निम्नलिखित पैरामीटर स्वीकार करती है: x, y, त्रिज्या r, प्रारंभिक कोण startAngle, अंतिम कोण endAngle, दक्षिणावर्त या वामावर्त बनाना direction।

पैरामीटर direction निम्नलिखित मान स्वीकार करता है: true दक्षिणावर्त बनाता है, false वामावर्त (डिफ़ॉल्ट रूप से)।

इसके साथ ही, विधि arc में कोणों को रेडियन में मापा जाता है, डिग्री में नहीं। डिग्री को रेडियन में बदलने के लिए आप निम्न फ़ंक्शन का उपयोग कर सकते हैं:

javascriptfunction getRadians(degrees) {
  return (Math.PI / 180) * degrees;
}

आइए एक वृत्त बनाएं

html<canvas width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');

ctx.arc(100, 100, 75, 0, getRadians(360));
ctx.stroke();

Результат:

आइए आधा वृत्त बनाएं

html<canvas width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');

ctx.arc(100, 100, 75, 0, getRadians(180));
ctx.stroke();

Результат:

आइए आधा गोला बनाएं

html<canvas width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');

ctx.arc(100, 100, 75, 0, getRadians(180));
ctx.fill(); // रूपरेखा को भरें

Результат:

व्यावहारिक समस्याएं