开发者

Is this possible: Zoomable SVG Image Map

开发者 https://www.devze.com 2023-03-12 16:06 出处:网络
I would like to make a very big svg that is both a CLICKABLE image map and is ZOOMABLE.If I understand the html5 specs both of these seem possible, but no one mentions using both of these together.Are

I would like to make a very big svg that is both a CLICKABLE image map and is ZOOMABLE. If I understand the html5 specs both of these seem possible, but no one mentions using both of these together. Are there any examples out there?

I do开发者_Go百科n't want to use jquery and a jpg/png because I would like to stick to SVG. Any leads at all would be greatly appreciated.

Thank you!


As user785194 says, you don't need to use HTML5, you can do it natively in SVG - you can do it all with EMCAScript inside the SVG itself. I've written a detailed description of how to do it here: http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control


The HTML5 specs aren't relevant - you want the svg specs. Start with the tutorial at

http://www.petercollingridge.co.uk/data-visualisation/introduction-svg-scripting-interactive-map

For zooming, lookup up the transform attribute. I haven't seen any example code with a zoom widget on it. You can always zoom in the browser, of course.

0

精彩评论

暂无评论...
验证码 换一张
取 消