2008-11-25 13 views
16

मैं यह नहीं समझ सकता कि आर्क() फ़ंक्शन के सभी पैरामीटर (प्रयोग करके) हैं और मुझे कोई ट्यूटोरियल नहीं मिला है जो उन्हें समझाता है। आर्क() फ़ंक्शन का एक अच्छा स्पष्टीकरण कहां होगा?एचटीएमएल कैनवास के आर्क समारोह के लिए ट्यूटोरियल

+0

आपको "जावास्क्रिप्ट" टैग –

उत्तर

38
arc(x, y, radius, startAngle, endAngle, anticlockwise) 

पहले तीन पैरामीटर, x और y और त्रिज्या, एक चक्र, चाप खींचा कि चक्र का हिस्सा होगा वर्णन करते हैं। startAngle और endAngle सर्कल के साथ ड्राइंग शुरू करने और रोकने के लिए हैं। 0 पूर्व है, Math.PI/2 दक्षिण है, Math.PI पश्चिम है, और Math.PI * 3/2 उत्तर है। अगर anticlockwise 1 है तो चाप की दिशा उलट है।

https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs

Clockwise

AntiClockwise

संलग्न चित्र में, फर्क सिर्फ इतना है घड़ी की विपरीत परम है। Math.PI/2 हमेशा दक्षिणी समाप्त होता है जब घड़ी की दिशा में या anticlockwise

+1

लगता है कि एमडीएन पेज नीचे है? – NDM

+0

Context.arc() पर एमडीएन दस्तावेज के लिए एक नया लिंक https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc है – LarsH

2

MDC के अनुसार:

arc(x, y, radius, startAngle, endAngle, anticlockwise) 

एक्स, वाई, और त्रिज्या जाहिर चक्र मानकों हैं। startAngle और endAngle पूर्व से शुरू, रेडियंस में हैं। anticlockwise एक बुलियन है।

+0

जोड़कर अधिक दृश्य (और उत्तर) मिल सकते हैं आपके लिंक में एक अनुपलब्ध है: – Sparr

+0

धन्यवाद। लिंक को सही किया गया है। – strager

+1

"यह विधि पांच पैरामीटर लेती है: एक्स और वाई सर्कल के केंद्र के निर्देशांक हैं। त्रिज्या स्वयं स्पष्टीकरणपूर्ण है। स्टार्टएंगल और एंडएंगल पैरामीटर रेडियंस में आर्क के प्रारंभ और अंत बिंदु को परिभाषित करते हैं। प्रारंभिक और समापन कोण को माप दिया जाता है एक्स अक्ष। anticlockwise पैरामीटर एक बूलियन मान है जो सच जब चाप anticlockwise खींचता है, अन्यथा दक्षिणावर्त दिशा में। " "जाहिर है सर्कल पैरामीटर" से थोड़ा स्पष्ट। :-) –

5

मैं एक ही समस्या हो रही थी और मदद करने के लिए इसके बारे में समझ बनाने के एक छोटे से इंटरैक्टिव पेज बनाया:

http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element

मापदंडों के सभी समायोजित किया जा सकता और जिसके परिणामस्वरूप चाप प्रदान की गई है वास्तविक समय में। पृष्ठ यह भी दर्शाता है कि कैसे fill(), स्ट्रोक() और क्लोजपैथ() विधियां आर्क() विधि के साथ इंटरैक्ट करते हैं।

0

चेक कैनवास के लिए एक संक्षिप्त परिचय और एचटीएमएल 5 के चाप समारोह के लिए इस सरल उदाहरण: http://pastebin.com/kxB7uJLD

इतने लंबे समय के।

संबंधित मुद्दे