基本上,有一张颜色编码的 map ,上面有 5 个不同的区域。它们都是长方形的,不连续的,并且需要很长时间才能为其制作图像 map 。我想知道是否有办法让颜色可以点击而不是制作可笑的图像映射。如果能找到解决方案,将颜色分成单独的图像或其他类似的技巧就不会成为问题。
另外,我会上传图片,但它有 2.1MB
最佳答案
尝试将图像渲染成 <canvas>
.将点击处理程序添加到 Canvas ,并读取点击像素的颜色值。如果您知道哪种颜色对应于哪个逻辑区域,您就有了一个解决方案。
如果图像没有纯色,您可能需要在点击像素周围的小区域中获取平均值。
关于Javascript:将图像中的颜色变成链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9752257/