Я провожу некоторые исследования по созданию интерактивного изображения на веб-сайте. Я придумала одно из решений, чтобы использовать тег карты и области для фонового тега img. Но, поскольку на изображении будет много маленьких областей. Я думаю, что будет утомительно использовать карту и тег области для определения области один за другим.
Я также думаю обрезать интерактивное изображение и сделать его одним другим изображением. Таким образом, отделяя его от фонового изображения. Но использование отдельного изображения для каждой интерактивной области также утомительно, поскольку каждая интерактивная область / изображение отличается друг от друга, поэтому мне приходится обрезать каждое изображение, и в итоге каждое изображение имеет различный источник.
Есть ли лучшая практика для этого? Буду очень признателен за любое предложение от кого-либо.
Спасибо