jquery - How To Position Items Around A Cirlcle -

मुझे कुछ मिला

बहुत सारे गणित मूल आकार-आधारित स्थिति में जाता है अपेक्षाकृत सीधे-आगे है संभावना है कि आप शायद हाईस्कूल में इसे पहले ही कवर कर चुके हैं, इस बारे में बहुत कुछ परिचित लग सकता है विचार करें कि एक वृत्त में एक केंद्र (j, k) और त्रिज्या r है। सर्कल के रास्ते पर होने वाली किसी भी बिंदु के लिए x और y स्थितियां तब

एक्स (टी) = आर कॉस (टी) + जे, वाई (टी) = आर पाप (टी ) + कश्मीर यह लिखने का एक अधिक सामान्य तरीका है जो समन्वय-आधारित स्थिति में हमारे पहले प्रयास के लिए इस्तेमाल किया जा सकता है:? 1 2

x = centerX + गणित (रेडियन) * त्रिज्या; Y = centerY + गणित। (त्रिज्या) * त्रिज्या;

जहां त्रिज्या = (angle_of_the_circle / 180) * मठ। पीआई। CenterX हमारे पृष्ठ पर सर्कल का एक्स केंद्र है और centerY सर्कल का वाई सेंटर है।

क्या कोई मेरी अवधारणा को ऊपर की तकनीकों के बारे में स्पष्ट कर सकता है कि यह कैसे काम करता है?

चूंकि आपको मेरी टिप्पणी टिप्पणी में पोस्ट करना पसंद आया, मैंने सोचा कि मैं इसे एक उत्तर के रूप में पोस्ट कर दूंगा उत्तर अनुभाग में हमेशा से रह सकते हैं।

  $ (दस्तावेज़) .ready (फ़ंक्शन () {var त्रिज्या = 100; var xCenter = 120; var yCenter = 120; var cnt = $ ( 'Li') लंबाई; var एंगल = 0; var एंगलडाल्टा = 2 * मठ। पीआई / सीएनटी; $ ('ली')। प्रत्येक (फ़ंक्शन (आई, एल) {x = त्रिज्या * गणित (कोन) + XCenter; y = त्रिज्या * Math.sin (कोण) + yCenter; $ (this) .css ({top: y, left: x}); कोण + = angleDelta;})})   
 और इसके आधार पर कुछ मूल निशानेबाजी - एक सरल प्रारंभ 
 एक बड़ा उदाहरण - बस त्रिज्या को संशोधित करना,  और <लि>; & gt;  s की संख्या और केंद्र के लिए ऑफसेट मान। रनटाइम के दौरान  & lt; li & gt;  जोड़ना कुछ तत्वों को जोड़ते समय कुछ यादृच्छिकताएं। 
 और मज़े के लिए, कुछ रंग बदलने वाला (पूर्ण नहीं)