2011-11-20 19 views
6

में एक घुमावदार आकार बनाएं मैं एसवीजी में एक आकृति खींचना चाहता हूं जिसमें केंद्र खोला गया हो। मैंने इस प्रश्न को मध्य में here में एक सर्कल के साथ एक वृत्त बनाने के लिए कहा। मैं एसवीजी में मध्य (किसी अन्य आकार के) के साथ खोखले बाहर किसी भी आकार को आकर्षित करना चाहता हूं। कोई विचार?एसवीजी

मैं इसे मास्क या ClipPaths का उपयोग कर संभव हो सकता है सोच रहा हूँ, लेकिन मुझे यकीन है कि अगर मैं उन्हें पूरी तरह से

+1

देखें http://stackoverflow.com/questions/3742479/how-to-cut-a-hole-in-an-svg-rectangle –

उत्तर

9

समझ में दो उप-पथ के होते हैं जो एक पथ, के रूप में अपने आकार बनाएं नहीं हूँ। पहला उपपथ आपके बाहरी आकार का वर्णन करता है; दूसरा उपपथ अंदर के आकार का वर्णन करता है। 'toodd 'पथ के fill-rule सेट करें।

उदा। एक खोखले आउट आयताकार के लिए, हम एक पथ बनाते हैं जिसमें दो उप-पथ होते हैं। बाहरी आयताकार के लिए एक; आंतरिक आयत के लिए एक:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 

<path d="M 100 100 L 200 100 L 200 200 L 100 200 z 
    M 110 110 L 190 110 L 190 190 L 110 190 z" 
    fill="red" 
    stroke="black" stroke-width="1" 
    fill-rule="evenodd"/> 

</svg> 

enter image description here

+0

धन्यवाद कि पूरी तरह से काम किया :-) – luketorjussen