एसवीजी के साथ एक छवि से परिपत्र अनुभाग काटना

एक छवि से एक गोलाकार अनुभाग को काटने के लिए क्लिप-पथ का उपयोग करने का आपका वर्तमान प्रयास ठीक से संरेखित नहीं हो रहा है। इस समस्या के समाधान के लिए, हम एसवीजी में मास्क का उपयोग करके एक और दृष्टिकोण तलाशेंगे।

यह कोड गुलाबी रंग की पृष्ठभूमि के साथ एक एसवीजी बनाता है। डेफ़्स तत्व के अंदर, हम "छेद" नामक एक मुखौटा को परिभाषित करते हैं। इस मास्क में दो वृत्त होते हैं: एक बड़ा सफेद वृत्त उस वृत्ताकार क्षेत्र का प्रतिनिधित्व करता है जिसे आप छवि से बनाए रखना चाहते हैं और एक छोटा काला वृत्त जो कटआउट निर्धारित करता है।

अगला तत्व एक पैटर्न है जिसे "img" कहा जाता है। यह पैटर्न उस छवि को निर्दिष्ट करता है जिसे आप आकृति के लिए भरण के रूप में उपयोग करना चाहते हैं। हम एसवीजी के आकार से मेल खाने के लिए पैटर्न के आयाम निर्धारित करते हैं और एक यूआरएल से एक छवि का उपयोग करते हैं।

अंत में, हम एक आयत बनाते हैं जो एसवीजी के पूरे स्थान को भरता है। आयत का भरण "img" पैटर्न को संदर्भित करने के लिए सेट किया गया है, और हम गोलाकार खंड को काटने के लिए "छेद" मास्क लगाते हैं।