Есть проект на vuejs в нем рабочая область svg.

На ней есть объекты c свойствами:

const object = { left: 200, top: 300: width: 200: height: 300 }

Объектов на странице может быть сколько угодно, новые создаются при 2м клике на область.
Между объектами есть линии.
Линии могут быть только между 2мя объектами, а так же ссылаться на себя же.
Линии выходят из точки которую можно двигать вокруг объекта (уже реализовано).

Нужно:
Реализовать алгоритм рисования линий: square, beizer.

Пример что есть и как должно быть смотреть в файле.