I have a SVG with a viewBox of 600X800 that references an image file (PNG) that is larger than that size. Only the top left portion of the image is visible.
I'd like to write some javascript that will allow clicking on the image at any point in the viewBox, centering the image on that point, and scaling it by 2. It would emulate a zoom-in by single clicking. I'm doing this by translating the group around the image based on the coordinates of the mouse click. The centering of the image is working, but when I apply the scale transform, the centering is thrown off. The previously centered part of the image is usually up and to the left. I'm assuming this has to do with either different coordinate spaces, the order of the transforms, or scaling performed at (0,0), but I'm not sure which. ----- 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/ <*> 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/
