alexbuki
@alexbuki
программист js

Как сделать кривую линию между двумя блоками диаграммы?

66dc28bc83bd2009366477.png

Здравствуйте, есть такая диаграмма, никак не могу придумать как нарисовать линию внизу соединяющую две ноды (условно LLM и Coordinator). Проблема в том, что диаграмма должна быть адаптивной, то есть блоки растягиваются на разной ширины экранах. Пробовал создавать svg(примерно как тут) и динамически прописывать в path координаты конечной и начальной точек, но что-то криво выходит.
  • Вопрос задан
  • 505 просмотров
Решения вопроса 1
Это может быть оверкилл, но попробуйте библиотеку joint.js, которая помогает создавать подобные диаграммы.
Она создаёт интерактивные диаграммы, но если там есть возможность их зафиксировать, то вы сможете быстро сделать ту самую адаптивную диаграмму, что вам нужна.

https://github.com/clientIO/joint

Примеры:
https://codepen.io/jointjs
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы