Ускоренный курс React Konva за 30 минут

Описание: Привет всем! В этом уроке мы создадим мощное приложение для рисования на React с использованием React Konva. React Konva — лучшая библиотека для создания приложений для рисования/рисования на React. Её API, основанное на модульных компонентах React, позволяет легко взаимодействовать с Canvas, даже не имея никаких знаний об API Canvas.

В этом уроке по React Konva мы импортируем изображение в область рисования, экспортируем результат на холсте, обсудим компоненты «Слой» и «Сцена», нарисуем различные фигуры, такие как прямоугольники, круги и стрелки, добавим на холст штриховку/свободное рисование, добавим функции трансформации к нашим фигурам, такие как изменение размера и поворот с помощью компонента «Трансформер», добавим возможность перетаскивания фигур, очистку холста и многое другое.

Присоединяйтесь к моему Discord:   / discord  
Вы можете подписаться на меня:   / usmanabdurrehman97  

Код: https://github.com/usmanabdurrehman/R...

00:00 Введение
00:33 Введение в Konva
00:54 Компонент Stage
01:08 Компонент Layer
01:30 Основы React Konva
02:15 Загрузка изображения на холст
03:55 Экспорт изображения
06:01 Добавление фона
06:32 Рисование на холсте
07:30 Компонент Arrow
08:11 Общая логика рисования
09:25 Рисование стрелки
12:30 Рисование прямоугольника
14:19 Рисование круга
15:52 Рисование каракулей/Свободное рисование Рисование
18:03 Рисование нескольких фигур
21:56 Очистка холста
22:48 Выбор фигуры (изменение размера, поворот)
25:17 Перетаскивание фигуры
26:40 Снятие выделения фигуры
27:36 Рисование дома
28:30 Заключение