Здравствуйте, если посмотреть
здесь и начать масштабировать страницу колесиком, то можно увидеть, что объекты div остаются на своих местах, причем нет никакого грубого сдвига относительно слоя с
SVG и фоновое изображение остается на месте.
Я пробовал сделать так у себя (не списывая код), получается непросто. Я создаю слой с SVG, с помощью библиотеки на js, изображение встраиваю в
SVG, так, чтоб оно всё время центрировалось, размещаю полигоны, готово. Немного стилей и картинка становится вполне адаптивной. Но потом возникает проблема, когда я пытаюсь подружить мой SVG и HTML элементы. Если использовать тег
foreignObject , то появляется много болезни на заднее место, плюс он не такой уж и кросбраузерный. Другого способа мапить
div'ы я пока не вижу. Может быть кто-то что-то подскажет. Популярные статьи на хабре как-то всё не о том, да и на прочих ресурсах слишком безмятежные примеры.
Простой
