Кликабельный подход к изображениям

Question

Я только начал изучать веб-разработку, и у меня есть идея сделать следующее: взять простое изображение (jpeg / png) и сделать некоторые области этого изображения кликабельными (или другие события в этих областях).Например, когда я нажимаю на определенную область на изображении, эта область подсвечивается, другая часть изображения затеняется.Первое, что я погуглил, это HTML-теги карты / области.Но я хочу знать другие подходы, которые я могу использовать для этого.Просто дайте мне несколько ключевых слов, не более того.

Заранее спасибо

Answer 1

Я столкнулся с той же проблемой некоторое время назад:

• Теги HTML-карт - это самый быстрый способ, но в долгосрочной перспективе часто возникают проблемы из-за отсутствия поддержки.
• Хорошим решением будет использование SVG-изображения, которое широко поддерживается во всех браузерах.В Интернете есть много конвертеров JPEG / PNG в SVG (даже если качество не будет таким же)
• Еще один жестокий подход - создать на изображении несколько кликабельных оверлеев, это хороший подход, если областичтобы щелкнуть прямоугольные.

Надеюсь, вы найдете хорошее решение:)