RE: [svg-developers] Divide objects below the specified path
At 17:00 +0100 08/01/2011, honyk wrote: >Please see my simplified use case http://skibob.dobruska.cz/other/clip.svg - >I'd like to have that triangle transparent. It is impossible to do it with a >single path (with multiple contours) as I need different fill styles of >individual objects. Why can't you simply add ;fill-opacity:0.6; to the style of the path? JD - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
RE: [svg-developers] Divide objects below the specified path
Hi David, > I've made your triangle black and put it in a mask with > a big white rectangle underneath I had to mess with > coordinates a bit to get it all to line up. The mask is > then applied to your group. In this way masks can be > tricked into acting like inverse clip-paths. it looks great !!! It opens new levels to my app, although not rendering properly in Chrome and InkScape. Now I have to check if the visible background still fires mouse events... Thanks for your effort, I appreciate it a lot. Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Divide objects below the specified path
Ooops! I forgot to paste in the code: - Original Message - From: ddailey To: svg-developers@yahoogroups.com Sent: Saturday, January 08, 2011 12:01 PM Subject: Re: [svg-developers] Divide objects below the specified path Perhaps something like this is what you have in mind accomplishing: I've made your triangle black and put it in a mask with a big white rectangle underneath I had to mess with coordinates a bit to get it all to line up. The mask is then applied to your group. In this way masks can be tricked into acting like inverse clip-paths. cheers David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Saturday, January 08, 2011 11:00 AM Subject: RE: [svg-developers] Divide objects below the specified path Hi David, > I'm not sure if I quite understand your scenario Please see my simplified use case http://skibob.dobruska.cz/other/clip.svg - I'd like to have that triangle transparent. It is impossible to do it with a single path (with multiple contours) as I need different fill styles of individual objects. > While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have that enables that and more. Masking makes graphics semitransparent, I am not sure if this would help in my case. Any idea? Regards, Jan [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Divide objects below the specified path
Perhaps something like this is what you have in mind accomplishing: I've made your triangle black and put it in a mask with a big white rectangle underneath I had to mess with coordinates a bit to get it all to line up. The mask is then applied to your group. In this way masks can be tricked into acting like inverse clip-paths. cheers David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Saturday, January 08, 2011 11:00 AM Subject: RE: [svg-developers] Divide objects below the specified path Hi David, > I'm not sure if I quite understand your scenario Please see my simplified use case http://skibob.dobruska.cz/other/clip.svg - I'd like to have that triangle transparent. It is impossible to do it with a single path (with multiple contours) as I need different fill styles of individual objects. > While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have that enables that and more. Masking makes graphics semitransparent, I am not sure if this would help in my case. Any idea? Regards, Jan [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
RE: [svg-developers] Divide objects below the specified path
Hi David, > I'm not sure if I quite understand your scenario Please see my simplified use case http://skibob.dobruska.cz/other/clip.svg - I'd like to have that triangle transparent. It is impossible to do it with a single path (with multiple contours) as I need different fill styles of individual objects. > While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have that enables that and more. Masking makes graphics semitransparent, I am not sure if this would help in my case. Any idea? Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Divide objects below the specified path
Hi Jan, I'm not sure if I quite understand your scenario, but a couple of quick responses: first of all a path can have multiple M subcommands: draws a triangle with a square hole in the middle. The background will shine through the hole as though it is transparent. While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have that enables that and more. hope this helps. David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Friday, January 07, 2011 6:29 PM Subject: [svg-developers] Divide objects below the specified path Hello Everyone, I am trying to create a transparent shape (a circle like polygon consisted of straight lines) in my complex SVG graphics in my web app. It is not possible to use the common scenario and create it as a single path with several closed countours with a different direction. The only solution I can imagine is something like the Adobe Illustrator's function 'Divide objects below' and then deleting the resulted fragments in the hole area. Has Batik or any other library any features for clipping different types of objects in SVG (circles, Bezier curves, straight lines) to the given shape? Can I iterate the resulted closed contours and check if the given coordinate is located inside them? A Java library is preferred. Btw, it would be much easier with clipping paths with inversed functionality... Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com <*> To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/