Javascript: сделать цвета на изображении ссылками?

Question

По сути, есть карта с цветовой кодировкой с 5 различными регионами.Они все продолговатые, прерывистые, и для их создания потребуется целая вечность.Мне интересно, есть ли способ сделать цвета кликабельными вместо создания смешной карты изображений.Разделение цветов на отдельные изображения или другие подобные хитрости не будет проблемой, если это приведет к решению.

Кроме того, я бы загрузил изображение, но оно составляет 2,1 МБ

Answer 1

Попробуйте сделать изображение в <canvas>. Добавьте обработчик кликов на холст и прочитайте значение цвета по нажатому пикселю. Если вы знаете, какой цвет соответствует какой логической области, вы сами нашли решение.

В случае, если изображение не имеет чистых сплошных цветов, вам может потребоваться получить среднее значение в небольшой области вокруг пиксела, по которому щелкнули.