मैं यह नहीं समझ सकता कि आर्क() फ़ंक्शन के सभी पैरामीटर (प्रयोग करके) हैं और मुझे कोई ट्यूटोरियल नहीं मिला है जो उन्हें समझाता है। आर्क() फ़ंक्शन का एक अच्छा स्पष्टीकरण कहां होगा?एचटीएमएल कैनवास के आर्क समारोह के लिए ट्यूटोरियल
उत्तर
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
संलग्न चित्र में, फर्क सिर्फ इतना है घड़ी की विपरीत परम है। Math.PI/2 हमेशा दक्षिणी समाप्त होता है जब घड़ी की दिशा में या anticlockwise
MDC के अनुसार:
arc(x, y, radius, startAngle, endAngle, anticlockwise)
एक्स, वाई, और त्रिज्या जाहिर चक्र मानकों हैं। startAngle और endAngle पूर्व से शुरू, रेडियंस में हैं। anticlockwise एक बुलियन है।
जोड़कर अधिक दृश्य (और उत्तर) मिल सकते हैं आपके लिंक में एक अनुपलब्ध है: – Sparr
धन्यवाद। लिंक को सही किया गया है। – strager
"यह विधि पांच पैरामीटर लेती है: एक्स और वाई सर्कल के केंद्र के निर्देशांक हैं। त्रिज्या स्वयं स्पष्टीकरणपूर्ण है। स्टार्टएंगल और एंडएंगल पैरामीटर रेडियंस में आर्क के प्रारंभ और अंत बिंदु को परिभाषित करते हैं। प्रारंभिक और समापन कोण को माप दिया जाता है एक्स अक्ष। anticlockwise पैरामीटर एक बूलियन मान है जो सच जब चाप anticlockwise खींचता है, अन्यथा दक्षिणावर्त दिशा में। " "जाहिर है सर्कल पैरामीटर" से थोड़ा स्पष्ट। :-) –
अधिक जानकारी के लिए, कृपया नीचे दिए गए लिंक की समीक्षा करें। मुझे इस लिंक का उपयोग करके एक स्पष्ट विचार मिला।
http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs/
मैं एक ही समस्या हो रही थी और मदद करने के लिए इसके बारे में समझ बनाने के एक छोटे से इंटरैक्टिव पेज बनाया:
http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element
मापदंडों के सभी समायोजित किया जा सकता और जिसके परिणामस्वरूप चाप प्रदान की गई है वास्तविक समय में। पृष्ठ यह भी दर्शाता है कि कैसे fill(), स्ट्रोक() और क्लोजपैथ() विधियां आर्क() विधि के साथ इंटरैक्ट करते हैं।
चेक कैनवास के लिए एक संक्षिप्त परिचय और एचटीएमएल 5 के चाप समारोह के लिए इस सरल उदाहरण: http://pastebin.com/kxB7uJLD
इतने लंबे समय के।
- 1. कैनवास आर्क() बनाम drawImage()
- 2. एचटीएमएल 5 के कैनवास
- 3. एचटीएमएल 5 कैनवास गेम के लिए टाइलसेट
- 4. कैनवास ट्यूटोरियल/संदर्भ
- 5. एचटीएमएल 5 कैनवास
- 6. एचटीएमएल 5 कैनवास:
- 7. एचटीएमएल 5 कैनवास
- 8. एचटीएमएल 5 कैनवास
- 9. एचटीएमएल कैनवास
- 10. एचटीएमएल कैनवास
- 11. clearRect समारोह कैनवास
- 12. एचटीएमएल कैनवास
- 13. एचटीएमएल कैनवास
- 14. एचटीएमएल कैनवास - ड्राइंग
- 15. एचटीएमएल 5 कैनवास
- 16. आर्क
- 17. अपने एचटीएमएल, सीएसएस, जावास्क्रिप्ट ट्यूटोरियल सबमिट करने के लिए कहां?
- 18. सी # ट्यूटोरियल लिखने के लिए ट्यूटोरियल
- 19. इंटरैक्टिव एनिमेशन के लिए जावा स्विंग बनाम एचटीएमएल 5 कैनवास
- 20. एचटीएमएल 5: छवि के लिए कैनवास कॉपी करें और
- 21. एचटीएमएल 5 कैनवास गेम के लिए स्टार्ट स्क्रीन बनाना?
- 22. एचटीएमएल 5 कैनवास में पाठ के लिए प्रभाव फ़ेड आउट
- 23. एचटीएमएल 5 कैनवास: आकार के लिए सीमा को कैसे जानें?
- 24. एचटीएमएल कैनवास संदर्भ के लिए पथ पर वर्तमान बिंदु खोजें?
- 25. एचटीएमएल 5 कैनवास और एंड्रॉइड कैनवास
- 26. एचटीएमएल 5 कैनवास
- 27. एचटीएमएल 5 कैनवास
- 28. एचटीएमएल 5 कैनवास
- 29. एचटीएमएल 5 कैनवास
- 30. एचटीएमएल 5 कैनवास
आपको "जावास्क्रिप्ट" टैग –