Работа с svg object. Как вытащить элементы в js файл html документа?

Question

[inpokon]

У меня есть SVG плана домов. Выглядит он так .

Сам SVG файл вешает 995 КБ . Если вставлять его прямо в html то получается что по итогу у меня index html файл вешает чуть больше 1 мб. Что не очень хорошо влияет на загрузку страницы.

Вставляю через object но теперь я не могу выдернуть от туда id. Так как мне нужно взаимодействие моего html документа и SVG. Что бы когда навел на определенный элемент в SVG нужно что бы в html менялось значение. Если вставлять в html то все работает хорошо, но размер index html увеличивается что мне не очень нравится.

Как быть в такой ситуации?

Comments

[Сергей delphinpro]

нужно попробовать оптимизировать сам svg файл. В целом он не выглядит на мегабайт. Может быть вот та хренька цветная в углу. Убрать оттуда лишнюю детализацию. Повторяющиеся элементы (черные хреньки) описать один раз и использовать через use.
В общем поковырять сам файл. Если разбираетесь в формате.