Fancy Clickable Shapes/Images/Buttons

[SirNate0]

Is there any way to do something like what is described here in RML? Basically, having polygonal and other non-rectangular clickable elements? Preferably with a way to mark when they are hovered as well, like changing the style. If not, are there any plans to make it work?

In HTML this can apparently be done with (see above link):

• Links inside an SVG. Has the ability to style elements as well.
• Image maps (i.e. <map> and <area>).
• CSS clip-path to mask the element. Styling is obviously involved.

[mikke89]

The short answer is no, not really.

However, in the effects branch of #307 there will be support for many rendering techniques that are applicable for the rendering part here, such as mask-image, and clipping contents of elements with border-radius. These won't affect the clickable region though.

I think implementing clip-path, or parts of it, is a very nice idea. Or maybe what we really want is an equivalent property that only affects clickable region but not rendering. To me, it makes more sense to implement this in CSS rather than the HTML-equivalent elements. And we probably also want to implement this: #534.