Ускоренный курс React Konva за 30 минут
Автор: Usman Abdur Rehman
Загружено: 2024-01-18
Просмотров: 15262
Описание:
Привет всем! В этом уроке мы создадим мощное приложение для рисования на 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 Заключение
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: