Hi, Folks- I think David is right, a mask is the correct thing to do here, but it's not very intuitive.
It does seem strange that there is no easy way to reverse the clip-path. Last week, I filed a feature request to add it in SVG 2; that doesn't help right now, but it will make things easier in the future. http://www.w3.org/Graphics/SVG/WG/track/issues/2354 Regards- -Doug ddailey wrote (on 7/31/10 8:42 PM): > Interesting question. It seems so natural that I wondered if I hadn't > missed a flag in the definition of the clip-path attribute that might > not do exactly that, but if it is there I don't see it. > > But your reason for not using a mask isn't clear. Last I checked, > this example works just fine in Chrome and Safari: > > <mask id="Ma"> <rect x="0" y="0" height="100%" width="100%" > fill="white"/> <ellipse cx="55%" cy="190" rx="15%" ry="60" > fill="black"/> </mask> > > <image > xlink:href='http://srufaculty.sru.edu/david.dailey/svg/thesoul2.jpg' > y="110" x="35%" width="35%" height="160" mask="url(#Ma)"/> > > The image is clipped to the opposite of the ellipse. > > Hope this helps. > > David > > > ----- Original Message ----- From: iliribur To: > svg-developers@yahoogroups.com Sent: Saturday, July 31, 2010 7:05 AM > Subject: [svg-developers] HOWTO: opposite clip > > Hi. > > I want to do opposite clipping. Everything outside clipping path > should be visible. Masking is excluded here, as it is not supported > yet by the WebKit. > > I can add shape covering whole drawing area to the clipping path, but > reversing coordinates. Problem is: duplicated paths, transformation > calculating twice same coordinates + reversed coordinates for > clipping path. > > Is it possible to use same path for drawing and clipping, but > clipping will do opposite? I'm developing game where upper layer > should mask lower layer to achieve better performance. > > For example, parallax effect drawing front to back, where upper layer > will mask lower layer. > > Thanks in advance. > ------------------------------------ ----- 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/