Dear list,

I have four groups. Each group has a different color. Red for the 
first group, green for the second group, blue for the third group, 
and yellow for the fourth group. 

If I set a group opacity of 0.25 to each group, I obtain a typology 
of 15 colors depending on the number of overlaying elements inside 
the four groups. The final color has also an opacity of 0.25. Please 
find below my svg document.

Everything works fine. Now, my problem is, that I would like to 
obtain this typology of 15 colors depending on the overlaying 
elements without an opacity of 0.25. I guess I can create the 
typology without opacity using filters. But I have no idea how to do 
this ?

group 1 red = red
group1 red + group 4 yellow = orange
group1 red + group 4 yellow + group 2 green =  dark violet
.....

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 
1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>
<svg xmlns="http://www.w3.org/2000/svg"; width="100%" height="100%" 
viewBox="0 0 400 400">
    <title>Opacity</title>
         <defs>
    <script type="text/ecmascript">
        <![CDATA[
        ]]>
    </script>

 
 </defs> 

    
//BACKGROUND
<g>
        <circle fill="grey" stroke-width="0" stroke="black" cx="200" 
cy="200" r="150" display="inherit"/>
</g>

//OVERLAY OF 4 COLORS TO PRODUCE 15 COLORS WITH OPACITY = 1 
BACKGROUND SHOULD NOT SHINE TROUGH !
<g id="MAINGROUP">
        <g id="GROUP1" opacity="1">
                <rect x="200" y="0" width="200" height="400" 
opacity="0.25" fill="green"/>
        </g>
        <g id="GROUP2" >
                <rect x="100" y="0" width="200" height="400" 
opacity="0.25" fill="blue"/>
        </g>
        <g id="GROUP3" >
                <rect x="0" y="200" width="400" height="200" 
opacity="0.25" fill="yellow"/>
        </g>
        <g id="GROUP4" >
                <rect  x="0" y="100" width="400" height="200" 
opacity="0.25" fill="red"/>
        </g>
</g>
</svg>





-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
---- 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    mailto:[EMAIL PROTECTED] 
    mailto:[EMAIL PROTECTED]

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 

Reply via email to