Javascript:将图像中的颜色变成链接?

标签 javascript image dictionary colors hyperlink

基本上,有一张颜色编码的 map ,上面有 5 个不同的区域。它们都是长方形的,不连续的,并且需要很长时间才能为其制作图像 map 。我想知道是否有办法让颜色可以点击而不是制作可笑的图像映射。如果能找到解决方案,将颜色分成单独的图像或其他类似的技巧就不会成为问题。

另外,我会上传图片,但它有 2.1MB

最佳答案

尝试将图像渲染成 <canvas> .将点击处理程序添加到 Canvas ,并读取点击像素的颜色值。如果您知道哪种颜色对应于哪个逻辑区域,您就有了一个解决方案。

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

关于Javascript:将图像中的颜色变成链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9752257/

相关文章:

java - 在android中将图像保存到SD卡

javascript - 有没有办法为主页预加载完整的背景封面图片

javascript - 当源文件中有多个图像时,如何从源文件中选择特定图像?

python - 如何使用字典理解从列表中创建和增加字典中的值

python - "RuntimeError: dictionary changed size during iteration"但在循环中没有改变

javascript - es6 import - fancybox 不是一个函数

javascript - 如何在 meteor 中显示图像

javascript - Facebook Graph API - 2.0 版中的标记地点

javascript - 为什么即使没有 src 标签,图像 'complete' 属性也总是返回 true?

flutter - 如何在 dart 中等待 Map.forEach()