Canvas Çizim App'ini Anında Kodla!
Tek bir HTML dosyası içinde tamamen çalışan, modern ve duyarlı bir çizim uygulaması oluşturur. Web geliştiricileri, öğrenciler ve hobi amaçlı kullanıcılar için hızlı prototipleme ve eğlenceli projeler sunar. Vanilla JavaScript kullanarak harici kütüphane bağımlılığı olmadan çevrimdışı çalışabilen bir uygulama üretir.
Uygulama, HTML Canvas üzerinde serbest çizim, ayarlanabilir fırça boyutları, renk seçici, silgi aracı, tuvali temizleme, son 5 vuruşu geri alma ve çizimi PNG formatında kaydetme özelliklerini içerir. Arayüz, koyu/açık mod geçişi ile modern ve sezgisel bir araç çubuğu sunar. Tüm CSS ve JavaScript kodları HTML dosyasına gömülü olarak gelir ve tarayıcıda doğrudan açılıp kullanılabilir. Responsive tasarım sayesinde farklı ekran boyutlarında sorunsuz çalışır. Portfolio projelerine eklenebilir veya eğitim amaçlı kullanılabilir.
{ }Değişken Açıklamaları:
- [BRUSH SİZES LİKE 5PX,10PX,20PX]: Fırça boyutlarını belirten seçeneklerdir. Örnek: 5px, 10px, 20px.
- [CUSTOM COLORS]: Kullanıcı tarafından seçilebilecek özel renkleri temsil eder. Örnek: #FF0000, #00FF00, #0000FF.
- [SAVE FİLENAME PREFİX]: Kaydedilen dosyanın ön ekini belirten bir isimdir. Örnek: çizim_, resim_, tasarım_.
Değişkenleri Düzenle
You are a full-stack web developer expert. Generate a complete, standalone HTML file (with embedded CSS and vanilla JavaScript) for a fully functional drawing app using HTML Canvas. Make it responsive, modern UI with dark/light mode toggle. Essential features: freehand drawing, [BRUSH SİZES LİKE 5PX,10PX,20PX], color picker with [CUSTOM COLORS], eraser tool, clear canvas, undo (last 5 strokes), save drawing as PNG with [SAVE FİLENAME PREFİX]. Add toolbar with intuitive buttons. Ensure it works offline, no external libraries. Output only the full HTML code ready to save and open in browser.
Bu Prompt Seni Bekliyor
Copilot için hazırlanmış bu promptu anında kopyala, kullan.
Ücretsiz üye ol, binlerce prompta eriş.
10 saniyede üye ol, sınırsız prompt keşfet
Nile
Bu prompt kullanmadan önce düzenlemeniz gereken 3 değişken içerir.
Keşfet
Alternatif Araçlar
Biliyor muydunuz?
Matematikte dil modelleri hata yapabilir; kritik hesaplarda kod çalıştırabilen bir araç veya hesap makinesi kullan.
En Popüler
İlgili Etiketler
Benzer promptlar
Puan ver