У нас вы можете посмотреть бесплатно Ускоренный курс React Konva за 30 минут или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
Привет всем! В этом уроке мы создадим мощное приложение для рисования на 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 Заключение