İmza oluşturucu

1. Giriş

İmza Oluşturucu tarayıcı tabanlı bir araçtır ve fareniz, touchpad’iniz veya dokunmatik ekranınızı kullanarak el yazısı tarzında dijital imza oluşturmanıza olanak tanır. İmzanızı doğrudan bir tuval üzerinde çizebilir, rengini ve kalınlığını özelleştirebilir, arka planı (şeffaflık dahil) ayarlayabilir ve SVG, PNG, JPG ve WEBP gibi birden fazla görüntü formatında dışa aktarabilirsiniz.

Bu araç; dijital belgeleri imzalamak, PDF’lere imza eklemek, e-posta alt bilgilerine imza yerleştirmek veya tasarım projeleri için şeffaf imza görselleri hazırlamak için idealdir. Her şey tarayıcınızda çalıştığından, herhangi bir yükleme veya sunucu taraflı işlem gerekmez. İmzanız anında oluşturulur ve ihtiyaç duyduğunuz formatta hemen indirilebilir.

İster sözleşmeler için temiz bir şeffaf PNG, ister baskı için ölçeklenebilir bir SVG ya da hızlı paylaşım için bir JPG’ye ihtiyacınız olsun, bu imza oluşturucu kişisel ve profesyonel kullanım için hızlı ve esnek bir çözüm sunar.

2. Nasıl Çalışır

Araç, kullanıcıların serbest el çizimleri yapabildiği etkileşimli bir HTML5 tuvali kullanır. Her çizgi, konum, zaman ve (varsa) basınç verileri dahil olmak üzere bir nokta dizisi olarak kaydedilir. Bu noktalar, pürüzlü veya keskin çizgiler yerine doğal görünümlü el yazısı sağlamak için yumuşak eğrilere dönüştürülür.

Girdi Parametreleri

• Tuval Alanı: İmzanızı oluşturduğunuz çizim yüzeyi.
• Kalem Rengi: Onaltılık formatta özel bir yazı rengi seçin (dahili olarak RGB’ye dönüştürülür).
• Arka Plan Rengi: RGBA değerleri kullanarak düz bir renk veya şeffaf arka plan seçin.
• Kalem Genişliği: Minimum ve maksimum çizgi kalınlığını ayarlayan üç seçilebilir kalınlık seviyesi.
• En-Boy Oranı: Tuval boyutlarını kontrol etmek için 16:9, 4:3, 3:4 veya 1:1 seçeneklerinden birini seçin.

Çizgi Oluşturma Mantığı

Çizim yaparken sistem, işaretçi veya dokunma olaylarını yakalar ve bunları eğri segmentlerine dönüştürür. Çizgi hızını hesaplayarak çizgi kalınlığını dinamik olarak ayarlar ve doğal bir kalem efekti oluşturur. Her çizgi yapılandırılmış veri olarak saklanır, böylece imza kaybolmadan geri alma ve arka planı yeniden çizme gibi özellikler mümkün olur.

Doğrulama Kuralları

• 1’in altındaki kalem genişliği değerleri, desteklenen minimum kalınlığa ayarlanır.
• Renk girişleri geçerli onaltılık formatta olmalıdır.
• Bozulmayı önlemek için çizim başladıktan sonra tuval yeniden boyutlandırma kısıtlanır.
• Geri alma işlemi yalnızca çizgi verisi mevcutsa en son çizgiyi kaldırır.

Çıktı Formatları

İmzanızı şu formatlarda dışa aktarabilirsiniz:

• SVG – Yüksek çözünürlüklü baskı için ideal ölçeklenebilir vektör formatı.
• PNG – Şeffaflığı destekler.
• JPG – Genel kullanım için sıkıştırılmış format.
• WEBP – Modern optimize edilmiş görüntü formatı.

Sınırlamalar

• Araç kimlik doğrulaması yapmaz veya yasal olarak bağlayıcı doğrulama sağlamaz.
• İmzalar metinden otomatik oluşturulmaz, manuel olarak çizilir.
• Çizimden sonra yeniden boyutlandırma, tuvalin temizlenmesini gerektirebilir.

3. Bu Araç Nasıl Kullanılır

1. Tuval için tercih ettiğiniz en-boy oranını seçin.
2. Bir kalem kalınlığı seviyesi seçin.
3. İstediğiniz imza rengini ayarlayın.
4. İsteğe bağlı olarak bir arka plan rengi seçin (veya şeffaf bırakın).
5. Fareniz veya dokunmatik ekranınızı kullanarak imzanızı çizin.
6. Gerekirse son çizgiyi kaldırmak için Geri Al seçeneğini kullanın.
7. Tuvali tamamen sıfırlamak için Temizle düğmesine tıklayın.
8. İmzanızı SVG, PNG, JPG veya WEBP formatında indirin.

4. Pratik Örnekler

Örnek 1: PDF Sözleşmeleri için Şeffaf PNG

Girdi:

• En-boy oranı: 4:3
• Kalem rengi: Siyah (#000000)
• Arka plan: Şeffaf
• Kalem genişliği: Orta

Çıktı: download.png (şeffaf arka plan)

Bu dosyayı, arkasında beyaz bir kutu olmadan imzanızı PDF sözleşmesine eklemek için kullanın.

Örnek 2: Baskı için Yüksek Çözünürlüklü SVG

Girdi:

• En-boy oranı: 16:9
• Kalem rengi: Mavi (#1a73e8)
• Arka plan: Beyaz
• Kalem genişliği: Kalın

Çıktı: download.svg

SVG vektör tabanlı olduğu için imza, antetli kağıtlar veya basılı materyaller için yeniden boyutlandırıldığında keskinliğini korur.

5. Geliştirici Kullanım Senaryoları

- Belge Otomasyon Sistemleri

İndirilen imza görsellerini otomatik belge oluşturma iş akışlarına (ör. sözleşmeler, faturalar, anlaşmalar) entegre edin.

- İstemci Taraflı İmza Yakalama

Dışa aktarılan Base64 görüntü verisini AJAX yüklemeleri için kullanın:

const dataUrl = signaturePad.toDataURL('image/png');
// Depolama için dataUrl'i backend API'ye gönderin

- Web Uygulamalarında SVG Gömme

SVG çıktısı vektör tabanlı olduğu için doğrudan HTML içine gömülebilir:

<img src="signature.svg" alt="Dijital İmza">

- Güvenli Veri İşleme

İmza oluşturma tamamen tarayıcıda gerçekleştiğinden, açıkça uygulanmadığı sürece sunucu taraflı işlem gerekmez. Bu, veri maruziyeti riskini azaltır. Geliştiriciler, hatalı girişleri önlemek için Base64 dizelerini kaydetmeden önce sunucu tarafında doğrulayabilir.

- PHP’de Arka Plan İşleme

$base64 = $_POST['signature'];
$image = str_replace('data:image/png;base64,', '', $base64);
$image = base64_decode($image);
file_put_contents('signature.png', $image);

6. SSS

Bu imza yasal olarak bağlayıcı mı?

Hayır. Bu araç el yazısı imzanızın dijital bir görüntüsünü oluşturur. Yasal geçerlilik, yargı bölgesine ve imzanın nasıl kullanıldığına bağlıdır.

Şeffaf bir imza oluşturabilir miyim?

Evet. Şeffaf arka plan seçin ve PNG veya SVG olarak indirin.

Baskı için en iyi format hangisidir?

SVG, kalite kaybı olmadan ölçeklendiği için yüksek çözünürlüklü baskı için önerilir.

Kalem kalınlığını değiştirebilir miyim?

Evet. Üç ön tanımlı çizgi kalınlığı seviyesinden birini seçebilirsiniz.

Araç imzamı saklıyor mu?

Hayır. İmza, siz manuel olarak başka bir yere yüklemediğiniz sürece tarayıcınızda yerel olarak oluşturulur.

İmzamın bir kısmını geri alabilir miyim?

Evet. Geri Al düğmesi en son çizgiyi kaldırır.