Basit bir çizim tahtasıyla eskizler ve çizimler oluşturun. Hızlı taslaklar, diyagramlar ve yaratıcı beyin fırtınası için ideal.
Features
- Serbest Çizim: Fare veya dokunmatik yüzey ile pürüzsüz çizgiler oluşturun; tuvale dilediğiniz kadar katmanlı eskiz ekleyin.
- Renkler ve Fırçalar: Farklı fırça kalınlıkları, renk paleti ve çizgi uçlarıyla eskizlerinizi zenginleştirin.
- Geri Al / Yinele: İstediğiniz adımları geri alıp yeniden uygulayarak yaratıcı süreci esnek biçimde yönetin.
- Görsel Olarak Kaydet: Çalışmalarınızı PNG/JPG formatında dışa aktararak dijital notlarınıza veya sunumlarınıza ekleyin.
Usage Guide
- Adım 1: Fırça boyutu, çizgi biçimi ve renk paletini seçerek çizim ortamınızı hazırlayın.
- Adım 2: Fare veya dokunmatik girişle tuval üzerinde çizim yapın; gerektiğinde silgi ve geri alma araçlarını kullanın.
- Adım 3: Çiziminizi kaydedin veya yeni bir eskize başlamak için tuvali temizleyin.
Technical Details
HTML5 Canvas API
Çizim tahtası, grafikleri çizmek için HTML5 Canvas API kullanır. Canvas, JavaScript ile dinamik çizimler yapabileceğiniz bitmap bir yüzey sağlar. 2D render bağlamı (getContext('2d')) çizgi, şekil, metin ve görsel çizimi için metodlar sunar; fare/dokunma olayları kullanıcı girdisini yakalar, yollar çizilir ve görseller PNG/JPG olarak dışa aktarılır.
Çizim Mekanizması
Çizimler path tabanlıdır: beginPath() yol başlatır → moveTo() başlangıç noktasını ayarlar → lineTo() noktalar ekler → stroke() veya fill() render eder. Fırça boyutu lineWidth ile, renk strokeStyle ile belirlenir; pürüzsüz çizgiler için lineCap ve lineJoin ayarlanır. Silgi clearRect() ya da globalCompositeOperation = 'destination-out' kullanır.
Dışa Aktarma ve Kayıt
Canvas içeriği toDataURL() veya toBlob() ile görsel olarak dışa aktarılabilir. toDataURL('image/png') Base64 kodlu PNG üretir; toBlob() indirme ya da yükleme için Blob dosyası oluşturur. Çizimler PNG (kayıpsız), JPG (sıkıştırılmış) veya WebP (modern) formatlarında saklanabilir.
Frequently Asked Questions
- Çizim tahtası nasıl çalışır?
- Çizim tahtası, tarayıcıda grafik çizmek için HTML5 Canvas API kullanır. Fare veya dokunma girdisini yakalar, tuval üzerine yollar çizer ve gerçek zamanlı güncellenir. Tüm işlemler yerel olarak gerçekleşir, sunucuya veri gönderilmez; dilediğiniz kadar eskiz, açıklama veya diyagram oluşturabilirsiniz.
- Çizimimi nasıl kaydederim?
- 'Kaydet' veya 'Dışa Aktar' butonuna tıklayarak çizimi kaydedebilirsiniz. Çizim PNG veya JPG olarak indirilir; bilgisayarınıza kaydedebilir, belgelere, sunumlara veya sosyal medyaya ekleyebilirsiniz. Bazı tarayıcılar panoya kopyalamayı da destekler.
- Fırça boyutu ve rengini değiştirebilir miyim?
- Evet, fırça boyutunu ve rengini özelleştirebilirsiniz. Kaydırıcıyla boyutu ayarlayın, renk seçiciden renk belirleyin; çok renkli eskizler hazırlayın. Araç ayrıca silgi ve geri al/yeniden yap işlevlerini de sunar.
- Hataları geri alabilir miyim?
- Evet, çoğu çizim tahtası geri al ve yeniden yap işlevi sunar. 'Geri Al' butonuna tıklayın veya Ctrl+Z (Windows) / Cmd+Z (Mac) kısayolunu kullanın. 'Yeniden Yap' silinen adımı geri getirir; 'Temizle' veya 'Sıfırla' tüm tuvali siler.
- Çizim tahtasını nerelerde kullanabilirim?
- Kullanım alanları: Hızlı eskizler (fikir, konsept, karalamalar), Diyagramlar (akış şeması, zihin haritası, wireframe), Açıklamalar (ekran görüntülerini işaretleme), Beyin fırtınası (fikirleri görselleştirme), Eğitim (çevrim içi derslerde çizim), İmzalar (dijital imza oluşturma), Notlar (el yazısı notlar). Hızlı görsel iletişim için idealdir.
Related Documentation
- MDN - Canvas API - HTML5 Canvas API için kapsamlı referans
- Canvas Eğitimi - Canvas üzerinde çizgi, şekil, metin ve görsel işlemlerini öğretici örneklerle açıklayan kapsamlı eğitim.
- Canvas 2D Rendering Context - CanvasRenderingContext2D API'sindeki çizim metodları, path kontrolü ve stil parametreleri için başvuru dokümanı.
- Canvas En İyi Uygulamalar - Canvas performansını artırmak, bellek kullanımını azaltmak ve yüksek DPI ekranlar için optimizasyon teknikleri.
- Dijital Çizim Teknikleri - Dijital sanat, tablet kullanımı ve yaratıcı eskiz tekniklerine dair kapsamlı bilgi sağlayan kaynak.