Фарватер

Тестовое задание junior фронтенд разработчика Реализовать интерфейс добавления и связывания элементов на canvas (схема ниже)

 konva.js

Квадратик - элемент. 

Точки - соединения между этими элементами один-к-одному (розетки), розетки являются частью элементов!

необходимо реализовать

• добавление элементов на “холст”

• соединение между элементами через “розетки”

• сохранять состояние в localStorage, восстанавливать из localStorage

• изменение количества “розеток” 1-4

• удаление элементов с “холста”

• перемещение элементов по “холсту”

Требования:

 

Можно использовать библиотеки fabric.js, или canvas без использования библиотек.
Фреймфорк - vue.