I know that this is long, I wanted to take the time to report as much detail as I could with appropriate examples, I've structured this text as much as I could to make the question clear. Thank you in advance!
I'm putting together a stereo image viewer, starting (and maybe ending) with Picasa albums, eg: This example <http://www.users.on.net/%7Epakulski/pw3d.html?user=peter.pakulski&album\ id=5698926652609018817&photoid=5698930028837366338&s=rl> (album view <http://www.users.on.net/%7Epakulski/pw3d.html?user=peter.pakulski&album\ id=5698926652609018817&s=rl> ) Due to painful issues with CORS support and canvas rendering, anaglyphs only work with certain browsers and require CORS support on the originating server. I was hoping to use SVG to bring this all to fruition, so I've spent a large number of hours over the last month or so learning SVG and fighting with this task. My problem is that different ways of stacking the filters and forming the file make it work differently on different platforms. It's a pretty simple task, but it's turning out to be a nuisance - specifically, I think that I have now found issues with each of Opera, Chrome, and Inkscape each refusing to render legal and relatively simple SVG! I'm hoping that I'm at least partially wrong about that last statement, but I suspect that I'm not completely wrong, so I'm further hoping for some pointers - any help appreciated! IE and Safari don't support the required filters at all, and I haven't had any luck with Firefox in any combination though as far as I can tell from reading around it /should/ work. I've been focussing on Opera, Chrome, and Inkscape (as an extra tool and sanity check). The task, in an anaglyph, is to take the red channel from one view, and the green and blue from another. --- UPDATE AS I WRITE THIS: I have just found out that what I describe below works on my local machine, but barfs in bizarre new ways when uploaded to my server! If anyone knows how to fix that problem please let me know how - I've heard of MIME settings affecting these things, I'll fix it and the links below should work, otherwise download the files and try locally. --- Starting with my main successes, devolving from there: The following works perfectly in Opera, but in Chrome the images appear too light, and it doesn't work in Inkscape at all: http://www.users.on.net/~pakulski/SVGBugReport/composite.svg <http://www.users.on.net/%7Epakulski/SVGBugReport/composite.svg> (displays this image <http://www.users.on.net/%7Epakulski/SVGBugReport/IMG_0490.JPG> ) If you look at the source, you'll see that: * I've done some funny things with image scaling - leaving the image at 100% and then scaling up leaves the image pixellated! * Having to specify y="-50%" isn't very nice and doesn't seem right! * I've got some commented out bits in there. That's because lots of combinations give the same results. You can use the filter named "blend" with the commented-out group at the bottom of the file or the differently-structured filter named "arithmetic" with the rect as currently. In either of those, you can use feComposite operator="arithmetic", or feBlend mode="lighten" - all work identically. * If you don't like the commented-out bits, here's a simpler version of the same <http://www.users.on.net/%7Epakulski/SVGBugReport/composite_clean.svg> . After fighting with that for ages, I took a few tries with Inkscape and got images stacked and blending, then simplified the created file down to something more sensible: http://www.users.on.net/~pakulski/SVGBugReport/drawing.svg <http://www.users.on.net/%7Epakulski/SVGBugReport/drawing.svg> (An anaglyph for this example is overcomplex and hides some extra interesting behaviour, so this example just uses a second image <http://www.users.on.net/%7Epakulski/SVGBugReport/sqr.jpg> ) * This example has just one filter with lots of commands, and uses "style=" to set the filter instead of "filter=". * It works in Inkscape, stretching both images to the same size. * It works in Chrome, keeping each image at its original aspect ratio and overbrightening again. * It doesn't work in Opera at all. * Notice how in the first feColorMatrix I transfer the original alpha (1 is not quite in the bottom right) and in the second I set the alpha to 1 (1 is in the bottom right)? If I set them both to transfer the original alpha (change the second matrix), Opera renders white instead of black (curious - significant?), and the black line down the left side of the blue image in Chrome disappears (that looks like a minor bug in Chrome!). Help! [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: [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/
