मेरे पास एक गोल बटन है जिसे मैं एक और गोल के भीतर समाहित करना चाहता हूं। युक्त राउंड सही हमेशा बटन से 1px दूर होना चाहिए।
यदि मैं कंटेनर पर त्रिज्या बहुत छोटा करता हूं, तो कोनों के चारों ओर एक बड़ा अंतर होता है।
क्या एक अच्छा "अंगूठे का नियम" है जो मैं यह पता लगाने के लिए उपयोग कर सकता हूं कि बड़े गोल के लिए त्रिज्या क्या होना चाहिए?
जवाबों:
यदि आप चाहते हैं कि बाहरी गोलाकार 1px भीतर से दूर हो, तो बाहरी आयत का कोना त्रिज्या भी भीतर वाले से 1px बड़ा होना चाहिए।
यहां एक त्वरित आरेख है जो आपको यह देखने में मदद कर सकता है कि यह कैसे काम करता है:
आंतरिक आयत में आर पिक्सल के एक कोने का त्रिज्या है ; इसका कोना आंतरिक लाल घेरे के चाप का अनुसरण करता है, जिसमें आर पिक्सल की त्रिज्या होती है और इसका केंद्र आयत के किनारों से दूर आर पिक्सल होता है।
बाहरी आयत में r +1 पिक्सेल का एक कोना त्रिज्या होता है ; इसका कोना बाहरी लाल घेरे के चाप का अनुसरण करता है, जिसका त्रिज्या r +1 पिक्सेल है और इसका केंद्र आयत के किनारों से दूर r +1 पिक्सेल है। चूंकि बाहरी आयत को एक पिक्सेल ऊपर और आंतरिक के दाईं ओर स्थानांतरित किया जाता है (और, हम मान सकते हैं, क्षतिपूर्ति करने के लिए दो पिक्सेल व्यापक और लम्बे हैं), दो वृत्त एकाग्र होते हैं, और उनके बीच की दूरी हमेशा एक पिक्सेल होती है।
यदि आप चाहते हैं कि कोनों के साझा केंद्र हों, तो बाहरी आकार के कोने-त्रिज्या को बस आंतरिक आकार के कोने-त्रिज्या और आकृतियों के बीच की दूरी होनी चाहिए। यदि आपके आंतरिक आकार में 5 पिक्सेल का एक गोल कोने-त्रिज्या है, और आपका बाहरी आकार 1 पिक्सेल दूर है, तो बाहरी आकार का कोने-त्रिज्या 6 पिक्सेल होना चाहिए। (किसी स्ट्रोक वज़न का हिसाब नहीं।)
