Как рисовать такие svg в react и не только?

Question

[wakenbyWork]

Есть секции которые нужно визуально связать пунктирными линиями, и есть два вида линий:

Первый вид пунктир от секции к секции

Второй вид

Отступы всегда разные, линия должна динамически рисоваться.

Есть ли библиотеки для такого?

Answer 1

[goshaLoonny]

Использовать целую библиотеку ради одной линии это конечно сильно : )
Используйте Rete.js если не хотите заморачиваться ради одной линии.
Но ничего сложного нету на самом деле. Нужно просто нарисовать необходимую линию на канвасе, наложить его сверху на ваши элементы и установить ему pointer-events: none. Вот и все.

Comments

[wakenbyWork]

Спасибо за ответ!