Как можно реализовать подобную анимацию?

Question

[Dntnn]

Как реализовать анимацию Drag-and-drop для иконок, а именно сделать движущиеся иконки на странице, но не понимаю как их связать пунктирной линией, которая будет соединять две и более иконки друг с другом и при перемещении их по странице данная пунктирная линия будет растягиваться и уменьшаться между ними, ну и в целом нужно чтобы визуально выглядело все как на скриншоте, какие сторонние библиотеки использовать и как правильней и легче это реализовать?

Answer 1

[Сергей Соколов]

SVG.js, как вариант.

Comments

[Dntnn]

Знаю, но нужна именно на Vue реализация

[Сергей Соколов]

Dntnn, не понятно, причём тут именно Vue? На что завязана анимация: на какие-то реактивные данные?

[Dntnn]

Сергей Соколов, все просто цель написать на Vue, вот при этом в принципе, Vue: так как весь проект тоже будет на Vue

[Dntnn]

либо на Canvas