Png被视为矩形 - 我可以忽略透明区域吗？

Question

我主要使用canvas，这不是问题，但这是针对HTML项目的。

我有一个png将成为一个按钮，我希望png的透明区域不会被鼠标事件拾取。 HTML将元素作为矩形处理，这甚至可能吗？

Answer 1

您可以使用图像映射来定义图像的可点击区域。

http://www.yourhtmlsource.com/images/imagemaps.html

以下是链接的要点：

1. 使用https://www.image-maps.com/
等工具创建地图代码

2. 使用ismap标记上的usemap和img属性：

   <img src="media/image1.jpg" ismap="ismap" usemap="#metroid">
   

   metroid是map代码中指定的地图名称。

请注意，此方法会创建可作为链接的可点击区域。从您的问题来看，我认为这就是您在询问按钮时所需要的。

如果您需要对更多鼠标事件做出反应，可以使用Is it possible to style a mouseover on an image map using CSS?

中列出的方法