使用Raphael JS从透明PNG创建路径/图像映射

Question

我正在开发一个Raphael JS项目，需要显示一些透明的PNG，只有非透明的部分才能点击。有办法：

• 点击鼠标后，拉出当前位置的alpha。 或
• 生成可用于定义可点击区域的路径（即http://raphaeljs.com/australia.html）

Answer 1

由于raphael用于矢量图形，因此它是用于解决png问题的错误工具。我认为帆布就是你要找的东西。 Load your image in an canvas（画布doesent需要在DOM中推送）。点击查看坐标和get the pixel out of the canvas。

但也许将png转换为矢量图形并使用raphael会更容易。