Построение пользовательского потока с использованием Html5 Canvas, JavaScript и React.

Question

Я хочу разработать библиотеку диаграмм пользовательских потоков с использованием Html5 Canvas, Js и React. Кто-нибудь может мне помочь, пожалуйста?

Answer 1

Может быть, уже поздно отвечать на этот вопрос, но я все равно постараюсь это сделать ..

Во-первых, для этого вам нужно много узнать о Javascript, элементе Canvas, немного математики и, конечно же, ReactJS.

Я предлагаю вам начать с этого замечательного руководства, предлагаемого MDN, очень ясного и глубоко вникающего в детали этой темы.

Как видите, содержание выглядит следующим образом:

1. Основное использование
2. Рисование фигур
3. Применение стилей и цветов
4. Текст для рисования
5. Использование изображений
6. Трансформации
7. Композиция и клиппинг
8. Базовая анимация
9. Продвинутая анимация
10. Манипуляции с пикселями
11. Хит-регионы и доступность
12. Оптимизация холста
13. Финал

Когда вы закончите, вы сможете начать разработку своего проекта. Самый простой способ подойти к этому - использовать созданную для этого библиотеку, такую ​​как GoJS, mx-graph, bpmn-js или что-то еще. Но если вам нужна полная настройка и гибкость, выходящие за рамки тяжелой работы, вам следует создавать собственные реализации и разработки.