[whatwg] Passing mouse events through the transparent parts of a <canvas> tag

Gregg Tavares gman at google.com
Mon Dec 7 16:32:36 PST 2009

Excuse me if this has already been discussed

Has there been a proposal for allowing mouse events to go through a canvas
element where it is transparent to the element below?

As an example, assume you have a canvas element with a triangle rendered
into the top left corner so that half the canvas is opaque and half the
canvas is 100% transparent (Alpha = 0).  That canvas is zIndexed to be above
other HTML. It would be nice if it was possible to interact with the visible
html under the transparent part of the canvas but as it is now all browsers
treat the canvas as a rectangle and ignore its transparency so that if the
user attempts to interact with the clearly visible HTML nothing happens.

One solution that comes to mind is to add an option (css?) that tells the
browser "if alpha = 0 at the place the user clicks then pass the event
through to the element below"

As a CSS option this could really apply to any tag. <img> for example.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/attachments/20091207/8fd031b7/attachment-0002.htm>

More information about the whatwg mailing list