When you have shapes that are not rectangles or square you need to use either the html map tag with polygones for areas. you will have to do this manually for find the coordinates
use edgeCommons SVG plugin.
Either one works fine.
Had never heard of the edgeCommons plugin, thanks for that! Sadly was hoping for some other tools but this will have to do, even if I have to essentially rethink the animation and setup I already have in there. Thanks though!
I know this is the ugliest solution possible, but even those solutions might solve a problem now and then:
I havent seen your graphics, but you can draw several smaller rectangles and circles and try to cover as much of the area as you want with these. Each rectangle/circle is converted to a symbol and used as buttons. Then you add the same click-code to every single button in that area. You can make them all invisible and have them all manipulate the same area for added mouseover/mouseout effects.
Yes, it's ugly as hell, but it can sometimes solve the problem.
EDIT: I realize my example here isnt doable if you convert each shape to a symbol. In this case I would keep them as shapes and would still be able to l add click-functionality to them.
Ugly, inefficient....but it might just do the job for this while I learn the svg stuff, so thank you .
The graphics is just a donut chart, so I could make edge wedge shape hotarea out of just two rectangles with a skew deform, and just squeeze / stretch as needed to fit each, so I might be able to do a rough mapping of the entire thing with instances of a single symbol! (No idea if that gives the same benefits that it did in Flash, I'm extremely rusty in code after spending all my time in Photoshop and After Effects these days.