【发布时间】：2010-07-28 15:43:17
【问题描述】：
我正在开发一个 Raphael JS 项目，需要显示一些透明的 PNG，只有不透明的部分可以点击。有没有办法：
- 单击鼠标时，拉出当前位置的 alpha。 或
- 生成可用于定义可点击区域的路径（即http://raphaeljs.com/australia.html）
【问题讨论】：
标签： javascript raphael
【发布时间】：2010-07-28 15:43:17
【问题描述】：
因为 raphael 是用于矢量图形的，所以它是解决 png 问题的错误工具。我认为帆布是你要找的。 Load your image in an canvas（画布不需要在 DOM 中推送）。单击时检查坐标和get the pixel out of the canvas。
但也许将您的 png 转换为矢量图形并改用 raphael 会更容易。
【讨论】：
-
我会完全使用画布，除了这件作品还有更多内容。但是，我相信我可以使用画布并确定 alpha 并对其进行处理 (stackoverflow.com/questions/667045/getpixel-from-html-canvas)。
-
是的，你可以。但是 svg 是为这样的事情而构建的（检测鼠标悬停），您必须使用画布重建功能。