Shape boundary vs bounding box


I need to define interactions for a shape, that will only be triggered once the cursor is over the actual shape, and not over the area of its bounding box.
How do I do that?


There’s no “graceful” way to do this this Axure that I’m aware of.
The only “native” way to do this would be to use a whole bunch of invisible widgets, like hotspots, and mask the shape as best you can.

If you just want to have the shape change color on mouse over, you can use JavaScript to inject an SVG with its own :hover styling.

Anything more complicated than that and you’re getting into more serious JavaScript logic.

Exact_Shape_Trigger.rp (72.0 KB)


Got it.
I figured this will be my fallback…