Навчись використовувати CANVAS в REACT | REACT KONVA
Вставка
- Опубліковано 19 чер 2024
- #frontend #canvas #react #konva
Привіт, я Нік і ти на каналі Dev Routine!
Посилання на проект з відео: github.com/SemX74/canvas-exca...
Стеж за нами в телеграмі: (Корисні пости і меми): t.me/+giZ-rijhq7BiZGEy
Мій інста: / kose_7
Лайк та коментар, якщо відео було тобі корисно!
Таймкоди:
0:00 - Інтро
0:51 - Сетап проекта
2:15 - Базові поняття
4:11 - Детальний розгляд фігур
8:21 - Робимо тулбар
11:53 - Паннінг
16:06 - Концепція створення фігур
19:22 - Відображення фігур
20:48 - Продовження написання логіки створення
38:43 - Логіка селекта
41:21 - Мінорні моменти
48:00 - Заключення - Наука та технологія
Корисне відео. Дякую ❤
Прошу!
Найкращий гайд по Canvas в React в Інтернеті 🍋
дякую!🤟🏽
Один з найкращих каналів українською, круті відео) Не зупиняйся!
дякую!
Дуже цікаво і корисно. У мене як раз була потреба в схожій фічі. Твої відео дуже допомагають. Дякую!!!
Дякую за відео
годнота!
дякую!
За Подоляка окреме дякую))
Легенда знайшла мем
А є готове рішення для імпорту картинок і трасформації їх, а саме 9-точкова рамка, за маркери якої можна тягати і змінювати розмір як пропорційно, так і по одній з осей, крутити, переміщати... стандартна трансформація в багатьох графічних редакторах. А ще кроп, що б можна було приховати частини картинки з боків.
Привіт! Все це є в цій бібліотеці.
Ось посилання, це називається "Трансформер"
konvajs.org/docs/react/Transformer.html
Це окрема тема, тут дуже багато є аспектів які можна розглянути. Дуже корисна штука якщо потрібно переміщати одразу кілька фігур, повертати їх або зменшувати їхній розмір.
Для картинок потрібно написати свій хук, якщо цікаво - напиши в наш телеграм, я тобі скину сніпет коду
@@itsDevRoutine добре, дякую
from india with
Рік тому робив гру Line & Dots на konva, що б потренуватись в react
звір💣
Дуже цікаве відео! Яка в тебе тема VSCode?
Дякую! Це CodeSandbox Black у виконанні Ziady Mubaraq. Використовую вже років так 2)
а для створення панелей з кнопками теж якесь готові рішення використано? чи все створювалось руками?
все руками 🙌
Привіт дуже круте відео а є в тебе в планах зробити якесь відео по авторизації?
Дякую!
На рахунок авторизації: можеш описати що саме тебе цікавить (тп. валідація, верстка, запити ітд.)
Ну найбільше зараз напевно запити і валідація
Знаєш по типу як є бекенд і ми маєш створити нового юзера і там відправити запрос на бек і тд. Щось з такого плану
Прийдеться відложити просмотр, ще до Реакту не дійшов
Тема цікава, а от в подачі матеріалу хочеться послідовності, щоб компоненти та бібліотеки на брались нізвідки
Думаю це б було дуже довго, основний момент був сконцентрований на канвасі
@@itsDevRoutine не зовсім, можна як у того ж Web Dev Simplified - частину коду він не пише, а просто вставляє й коротко пояснює що і як. Таким чином зберігається continuity
куди пропав відос з поповером?