I am writing a jigsaw demo using SVG. the work in progress works fine on Opera, Chrome, Safari and fails mysteriously on Firefox. I wonder if someone can tell me either (a) my SVG is wrong and Opera, Chrome and Safari were just being kind, or (b) this is a known problem in Firefox and there is a workaround.
The demo is online at <http://jigsaw.alleged.org.uk/> and comprises a trivial SVG file and a single JavaScript file. The code is at <http://github.com/pdc/jigsaw> The pieces are realized as a path whose fill is a pattern. The pattern uses a symbol. The symbol, shared by all the patterns, contains the image. The idea is that each piece just shows its part of the image, which is need be loaded only once. All these items are added with JavaScript. I occasionally see an odd effect with hollow puzzle pieces that donât load their image until I poke them. But on Firefox it is worseâ"the pieces are completely invisible. I can check the DOM via Firebug and see the expected SVG elements, but nothing is visible, not even the stroked outlines. Is this fixable? Is there a better way to get the effect I want that avoids this problem? Thanks â"Damian Cugley ------------------------------------ ----- 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: [email protected] [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/
