HTML कैनवस गोला

उदाहरण

आपके ब्राउज़र में HTML5 कैनवस टैग का समर्थन नहीं है。
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

स्वयं प्रयास करें

गोला ड्राइंग

कैनवस पर गोला ड्राइंग करने के लिए नीचे दिए गए तरीके का उपयोग करें:

  • beginPath() - पथ शुरू करें
  • arc(x,y,r,start,end) - गोला निर्दिष्ट करें
  • stroke() - ड्राइंग

arc(x,y,r,start,end) - गोलाई (कर्व) बनाएं。

गोला बनाने के लिए, शुरूआती कोण को 0 और समाप्त कोण को 2 * Math.PI के रूप में सेट करें。

x और y पैरामीटरों को गोले के केंद्र के निर्देशांकों के रूप में परिभाषित करें。

r पैरामीटर गोले की दूरी को परिभाषित करता है।

और देखें:

CodeW3C.com का पूरा कैनवस संदर्भ मानवचर्चा