Javascript：将图像中的颜色转换为链接？

Question

基本上，有一个带有5个不同区域的彩色编码地图。它们都是椭圆形的，不连续的，并且需要永远制作图像地图。我想知道是否有办法让颜色可点击而不是制作荒谬的图像地图。如果导致解决方案，将颜色分成单独的图像或其他类似的技巧将不会成为问题。

另外，我上传了图片，但它是2.1MB

Answer 1

尝试将图片渲染为<canvas>。向画布添加单击处理程序，并在单击的像素处读取颜色值。如果您知道哪种颜色与哪个逻辑区域相对应，那么您就可以找到解决方案。

如果图像没有纯色，您可能需要在点击的像素周围的小区域内获得平均值。