I have 2 overlapping rectangles of different colors. I would like the overlapping area to have a blending mode of "darken".
What am I doing wrong? <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg <http://www.w3.org/2000/svg> " width="400" height="400" id="overlap"> <defs> <filter id="darken"> <feBlend mode="darken" in="SourceGraphic" in2="BackgroundImage"/> </filter> </defs> <g> <rect id="blue" style="fill:#3169A5;" width="200" height="200" x="100" y="50" rx="10" ry="10" /> <rect id="green" style="fill:#73B642;filter: url(#darken);" width="200" height="200" x="50" y="150" rx="10" ry="10" /> </g> </svg> I can find examples of feBlend applied to bitmap graphics but not to generated shapes. Thanks for any consideration of my problem. [Non-text portions of this message have been removed] ----- 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/
