Інтерактивний графічний редактор на HTML5 Canvas з JavaScript
Опис
Потужний графічний редактор у браузері
Цей промпт допоможе створити інтерактивний додаток для малювання з використанням HTML5 Canvas, CSS3 та JavaScript. Сучасний інтерфейс та широкий набір інструментів зроблять його зручним для користувачів.
Для кого підходить
- Frontend-розробники, які вивчають Canvas API
- Студенти, що створюють дипломні проекти
- Розробники, яким потрібен базовий графічний редактор
Ключові переваги
- Повний набір інструментів: пензель, олівець, фігури, текст, ластик
- Робота з кольорами: палітри, піпетка, останні використані кольори
- Підтримка шарів: прозорість та режими змішування
- Undo/Redo: історія дій для зручного редагування
- Експорт: PNG, JPG, SVG формати
- Навігація: zoom, pan, обертання полотна
- Гарячі клавіші: швидкий доступ до частих дій
>_ Промпт
Створіть інтерактивний додаток для малювання, використовуючи HTML5 Canvas, CSS3 та JavaScript. Розробіть чистий інтерфейс з інтуїтивним вибором інструментів. Реалізуйте кілька інструментів малювання, включаючи пензель, олівець, фігури, текст та ластик. Додайте вибір кольорів з останніми використаними кольорами, піпеткою та палітрами. Включіть підтримку шарів з налаштуванням прозорості та режимів змішування. Реалізуйте функціональність undo/redo з історією станів. Додайте імпорт та експорт зображень у кількох форматах (PNG, JPG, SVG). Підтримайте зміну розміру полотна та обертання. Реалізуйте навігацію з zoom та pan. Додайте інструменти виділення з можливістю переміщення, зміни розміру та трансформації. Включіть гарячі клавіші для поширених дій.