एक गोलाकार एसवीजी पथ को फिट करने के लिए एक छवि का आकार बदलना

जब एक एसवीजी पथ का उपयोग करके एक छवि से एक गोलाकार भाग को काटने का प्रयास किया जाता है, तो यह महत्वपूर्ण है उचित संरेखण सुनिश्चित करने के लिए. यदि छवि अच्छी तरह से फिट नहीं होती है, तो यह एसवीजी मास्क के गलत आकार या स्थिति के कारण हो सकता है।

वांछित परिणाम प्राप्त करने के लिए यहां एक वैकल्पिक तरीका है:

एन्हांसमेंट का उपयोग करना एक एसवीजी मास्क:

यह विधि एक गोलाकार छेद बनाने के लिए एक एसवीजी मास्क का उपयोग करती है जिसके भीतर छवि प्रदर्शित होती है:

स्पष्टीकरण:

• #छेद: यह एसवीजी मास्क को परिभाषित करता है जिसमें दो वृत्त होते हैं, एक सफेद और एक काला। सफेद वृत्त प्रदर्शित किए जाने वाले क्षेत्र का प्रतिनिधित्व करता है, जबकि काला वृत्त वृत्त के बाहर के क्षेत्र को छिपाने के लिए एक मुखौटा बनाता है।
• #img: एसवीजी पैटर्न एक छवि का उपयोग करके एक पैटर्न को परिभाषित करता है। पैटर्नयूनिट्स='यूजरस्पेसऑनयूज' विशेषता यह सुनिश्चित करती है कि पैटर्न उस आकार में फिट बैठता है जिस पर इसे लागू किया गया है।
• रेक्ट तत्व पूरे एसवीजी कंटेनर को #img पैटर्न से भरता है और गोलाकार कटआउट को प्रकट करने के लिए #होल मास्क लगाता है।

इस उन्नत दृष्टिकोण का उपयोग करते हुए, छवि को अब गोलाकार एसवीजी मास्क के भीतर ठीक से फिट होना चाहिए।