Modern, ve hızlı bir canvas çizim uygulamasıdır. RoughJS kullanarak “elde çizilmiş” hissi veren şekiller üretir. Klavye kısayolları, metin araçları, proje kaydetme/yükleme gibi birçok gelişmiş özelliğe sahiptir.
- Pencil (P) – Basit, hızlı serbest çizim
- Rectangle (R) – RoughJS ile elde çizilmiş dikdörtgen
- Arrow (A) – Ok çizme (otomatik üçgen başlıklı)
- Text (T) – Yazı ekleme, canlı imleç
- Selection (V) – Nesne taşıma
- Eraser (E) – Nesne silme
- Renk seçme
- Kalem kalınlığı ayarı
- Metin boyutu ayarı
- Proje kaydetme (.drawit)
- Proje yükleme
- PNG / JPEG dışa aktarma
| Kısayol | İşlev |
|---|---|
| P | Pencil |
| R | Rectangle |
| A | Arrow |
| T | Text |
| V | Selection |
| E | Eraser |
| Ctrl + Z | Geri al |
| Delete / Backspace | Seçili nesneyi sil |
| Ctrl + S | Export menüsü |
| ? | Kısayol menüsü |
- React
- RoughJS
- Lucide-React (ikonlar)
- Canvas API
git clone https://github.com/eneserbap/drawIt.git
cd project-folder
npm install
npm startBoard.jsx→ Tüm çizim mantığı- Canvas render + RoughJS entegrasyonu
- Undo, selection, eraser, text editor, export ve daha fazlası
MIT