Konva
- это инфраструктура javascript, которая позволяет рисовать на холсте объектно-ориентированным способом.Обзор: https://konvajs.github.io/docs/
Вы можете думать об этом как "DOM (объектные модели документов) для холста".Таким образом, вы не рисуете на холсте вручную.Вы просто меняете формы.
Эта объектная модель НЕ является DOM браузера (как document.body
, divs
и другие элементы).Это просто объекты javascript.
Так что react
предназначен для управления DOM (всеми элементами) вашего приложения.Поэтому я подумал, что будет хорошей идеей также управлять формами Konva по реакции (так как это слишком похоже на мышление DOM).Итак, я создал react-konva
https://konvajs.github.io/docs/react/.
react-konva
- мост между react
и konva
.
Поэтому, когда вы делаете
<Layer>
<Circle />
</Layer>
, этоне будет создавать элементы DOM, вместо этого будут созданы Konva
узлы.Из этих узлов Konva
сделает чертеж.