Делал ли кто-то конструктор( блоки расположенные относительно друг друга по

Question

Делал ли кто-то конструктор( блоки расположенные относительно друг друга по

алгоритму, имеющие визуальные связи с возможностью добавления и передвижения, формами внутри этих блоков)?
Посмотрел варианты, пока кажется что единственно верный вариант это canvas (например projectstorm/react-diagrams) для блоков и текстового представления данных. А вот формы отдельно рисовать вне "canvas" потому как адекватного и дешёвого варианта по отрисовке над/в канвасе существующих компонент из которых строятся формы.

#frontend #javascript #programming #react.js #russian

0

06.02.2020

6 ответов

4 просмотра

Aleksandr Osipov

Мне кажется канвас тут совсем не в тему. SVG бы, но вот задача с роутингом связей весьма нетривиальная. Мб какие-то алгоритмические решения можно из D3 подчерпнуть

0

06.02.2020

Victor Rusakovich

Canvas не обязательно... для блоков и их перетаскивания юзаем react dnd, для рисования связей - svg curved path

0

06.02.2020

Алексей Щербаков Автор вопроса

я в вопросе указал вариант использования готовой либы для отрисовки блоков (http://projectstorm.cloud/react-diagrams/?path=/story/simple-usage--simple-example), связей и много чего ещё интересного. но рендерить react компонент (обычный элемент формы такой как input) кажется ещё не научились (по крайней мере я не нашёл ничего интересного). Поэтому как мне кажется надо отдельно работать с сущностями и отдельно их редактировать.

0

06.02.2020

deSilence Dudariev