Как реализовать взаимодействие пользователя с svg картинкой?

Question

[Ксения Тимошенко]

Всем привет.
Есть такая svg картинка, которая содержится в форме заказа,

Требуется сделать так чтобы пользователь мог выбрать размер который ему требуется, эти размеры передаются в текстовые поля, ширина и длинна, или наоборот, ввести данные в поля, и размер отмечается на картинке
Подскажите пожалуйста при помощи чего это можно реализовать? И возможно ли это?

Comments

[Adamos]

А выделить собственно теги к вопросу и погуглить не пробовали? В SVG штатно включаются JS скрипты, если надо. Если же лениво, то есть JS библиотеки работы с SVG. Два щелчка в гугле...

Answer 1

[RAX7]

Vue.js

Answer 2

[Антон Шаманов]

https://github.com/svgdotjs/svg.select.js