Ускоренный курс React Konva за 30 минут скачать в хорошем качестве

Ускоренный курс 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 Заключение