Javascript：将图像中的颜色变成链接？

Question

基本上，有一个彩色编码的地图，上面有5个不同的区域。 它们都是长方形的，不连续的，并且要花很多时间才能制作图像图。 我想知道是否有一种方法可以使颜色可单击，而不是制作荒谬的图像图。 如果可以解决问题，将颜色分成单独的图像或其他类似的技巧就不会成为问题。

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

Answer 1

尝试将图像渲染到<canvas> 。 在画布上添加一个单击处理程序，并在单击的像素处读取颜色值。 如果您知道哪种颜色对应于哪个逻辑区域，就可以自己解决。

如果图像没有纯色，则可能必须在单击的像素周围的小区域中获得平均值。