2013-01-15 17 views
7

में एकल ऑब्जेक्ट के लिए एकाधिक फ़िल्टर मैं अपने सर्कल पर दो फ़िल्टर रखना चाहता हूं। (हो सकता है कि अधिक)एसवीजी

मैं कर की कोशिश की है:

filter="url(#f1);url(#f2)" 

और:

filter="url(#f1,#f2)" 

और:

filter="url(#f1 #f2)" 

लेकिन उनमें से कोई भी काम करते हैं। मैं इस समस्या से कैसे संपर्क कर सकता हूं?

उत्तर

16

आप एक फ़िल्टर में कई प्रभाव जोड़ सकते हैं, हालांकि यदि आप फ़िल्टर को ढेर करना चाहते हैं, तो पहले ऑब्जेक्ट को समूहबद्ध करें और फिर अन्य ऑब्जेक्ट को अपने ऑब्जेक्ट पर लागू करें।

<g filter="url(#f2)"> 
<rect width="90" height="90" stroke="green" stroke-width="3" fill="yellow" filter="url(#f1)"/> 
</g> 
+2

+1 पर एक फ़िल्टर का सुझाव देने के लिए चुनता है। –

+0

नहीं। यह पहले से भी बदतर है। यह सिर्फ समूह के अंदर मेरे सभी फ़िल्टर से छुटकारा पाता है। –

+1

क्या यह है? यहां एक उदाहरण दिया गया है http://jsfiddle.net/Y8Yhs/ –

5
प्रारंभ एक पहचान feColorMatrix साथ और उदाहरण के लिए परिणाम currentGraphic नाम

। प्रत्येक फिल्टर तत्व बंडल/लेनदेन शुरू करने के लिए 'इन' के रूप में उपयोग करें और बंडल के अंतिम संचालन के लिए 'परिणाम' के रूप में उपयोग करें। अगला तत्व बंडल इसे 'इन' = 'वर्तमान ग्राफिक', आदि

+0

क्या आप एक उदाहरण बना सकते हैं? – dotnetCarpenter