HTML Canvas वक्र

उदाहरण

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

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

arc() विधि

आर्क एक हिस्सा वृत्त है और यह केंद्र निर्देशांक और रेखाधार के द्वारा परिभाषित है:

Arc Angles

कैनवस आर्क चित्रीकरण

कैनवस में पथ का उपयोग करके वृत्त आर्क चित्रीकरण करें:

विधि वर्णन चित्रीकरण
beginPath() पथ शुरू करें नहीं
arc() रेखा परिभाषित करें नहीं
stroke() चित्र बनाएं। हाँ

कैनवस पर वृत्त चित्रीकरण करने के लिए निम्नलिखित विधियों का उपयोग करें:

  • beginPath() - पथ शुरू करें
  • arc(x,y,r,start,end) - वृत्त को परिभाषित करें
  • stroke() - चित्रीकरण

arc(x,y,r,start,end) - आर्क (रेखा) बनाएं।

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

x और y पैरामीटर वृत्त के केंद्र के निर्देशांक को परिभाषित करते हैं।

r पैरामीटर वृत्त के रेखाधार को परिभाषित करता है।

अन्य संदर्भ:

CodeW3C.com का पूरा Canvas संदर्भ मानचित्र