Создание интерактивного изображения на веб-сайте

Question

Я занимаюсь некоторыми исследованиями для создания интерактивного изображения на веб-сайте. Я придумал одно из решений использовать тег map и area для фонового img-тега. Но, поскольку на изображении будет много маленькой области. Я думаю, что будет утомительно использовать метку карты и области для определения области один за другим.

Я также думаю обрезать интерактивное изображение и сделать его одним другим изображением. Таким образом, отделяя его от фонового изображения. Но использование отдельного изображения для каждой интерактивной области также утомительно, так как каждая интерактивная область/изображение отличается друг от друга, поэтому я должен обрезать каждое изображение и заканчивать тем, что каждое изображение имеет другой источник.

Есть ли наилучшая практика для этого? Я бы очень признателен за любое предложение от кого-либо.

Спасибо

Answer 1

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