How to implement user interaction with svg image?

Question

JavaScript

Hello.
There is such a svg picture that is contained in the order form,

it is required to make it so that the user can select the size that he needs, these dimensions are transferred to the text fields, width and length, or vice versa, enter the data in the fields, and the size is marked on the picture
Please tell me when What can help make this happen? And is it possible?

Answer 1

Vue.js

Answer 2

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