Генератор потписа

1. Uvod

Generator potpisa je alat zasnovan na pregledaču koji vam omogućava da kreirate rukom pisani digitalni potpis koristeći miš, dodirnu tablu ili ekran osetljiv na dodir. Možete nacrtati svoj potpis direktno na platnu, prilagoditi njegovu boju i debljinu, podesiti pozadinu (uključujući providnost) i izvesti ga u više formata slika kao što su SVG, PNG, JPG i WEBP.

Ovaj alat je idealan za potpisivanje digitalnih dokumenata, dodavanje potpisa u PDF datoteke, ugrađivanje potpisa u podnožje e-pošte ili pripremu providnih slika potpisa za dizajnerske projekte. Pošto se sve izvršava u vašem pregledaču, nije potrebno otpremanje datoteka niti obrada na serverskoj strani. Vaš potpis se generiše trenutno i može se odmah preuzeti u formatu koji vam je potreban.

Bez obzira da li vam je potreban čist providni PNG za ugovore, skalabilni SVG za štampanje ili JPG za brzo deljenje, ovaj generator potpisa pruža brzo i fleksibilno rešenje za ličnu i profesionalnu upotrebu.

2. Kako funkcioniše

Alat koristi interaktivno HTML5 platno na kojem korisnici mogu slobodno da crtaju. Svaki potez se beleži kao niz tačaka, uključujući podatke o položaju, vremenu i pritisku (kada su dostupni). Ove tačke se obrađuju u glatke krive, obezbeđujući prirodan izgled rukopisa umesto grubih ili nazubljenih linija.

Ulazni parametri

• Oblast platna: Površina za crtanje na kojoj kreirate svoj potpis.
• Boja olovke: Izaberite prilagođenu boju pisanja u heksadecimalnom formatu (interno se pretvara u RGB).
• Boja pozadine: Izaberite jednobojnu ili providnu pozadinu koristeći RGBA vrednosti.
• Debljina olovke: Tri nivoa debljine koji podešavaju minimalnu i maksimalnu širinu poteza.
• Odnos stranica: Izaberite između 16:9, 4:3, 3:4 ili 1:1 kako biste kontrolisali dimenzije platna.

Logika iscrtavanja poteza

Dok crtate, sistem beleži događaje pokazivača ili dodira i pretvara ih u segmente krivih. Izračunava brzinu poteza kako bi dinamički prilagodio debljinu linije, stvarajući prirodan efekat pisanja olovkom. Svaki potez se čuva kao strukturirani podatak, omogućavajući funkcije kao što su poništavanje i ponovno iscrtavanje pozadine bez gubitka potpisa.

Pravila validacije

• Vrednosti debljine olovke manje od 1 podrazumevano se postavljaju na minimalnu podržanu debljinu.
• Unete boje moraju biti u ispravnom heksadecimalnom formatu.
• Promena veličine platna je ograničena nakon početka crtanja kako bi se sprečilo izobličenje.
• Opcija Poništi uklanja samo poslednji potez ako postoje podaci o potezima.

Izlazni formati

Možete izvesti svoj potpis u:

• SVG – Skalabilni vektorski format, idealan za štampanje u visokoj rezoluciji.
• PNG – Podržava providnost.
• JPG – Kompresovani format za opštu upotrebu.
• WEBP – Savremeni optimizovani format slike.

Ograničenja

• Alat ne proverava identitet niti pruža pravno obavezujuću autentifikaciju.
• Potpisi se crtaju ručno i ne generišu se automatski iz teksta.
• Promena veličine nakon crtanja može zahtevati brisanje platna.

3. Kako koristiti ovaj alat

1. Izaberite željeni odnos stranica za platno.
2. Izaberite nivo debljine olovke.
3. Podesite željenu boju potpisa.
4. Po želji izaberite boju pozadine (ili je ostavite providnom).
5. Nacrtajte svoj potpis koristeći miš ili ekran osetljiv na dodir.
6. Koristite Poništi da uklonite poslednji potez po potrebi.
7. Kliknite na Obriši da biste potpuno resetovali platno.
8. Preuzmite svoj potpis u SVG, PNG, JPG ili WEBP formatu.

4. Praktični primeri

Primer 1: Providni PNG za PDF ugovore

Ulaz:

• Odnos stranica: 4:3
• Boja olovke: Crna (#000000)
• Pozadina: Providna
• Debljina olovke: Srednja

Izlaz: download.png (providna pozadina)

Koristite ovu datoteku da umetnete svoj potpis u PDF ugovor bez bele pozadine iza njega.

Primer 2: SVG visoke rezolucije za štampanje

Ulaz:

• Odnos stranica: 16:9
• Boja olovke: Plava (#1a73e8)
• Pozadina: Bela
• Debljina olovke: Debela

Izlaz: download.svg

Pošto je SVG zasnovan na vektorima, potpis ostaje oštar kada se promeni njegova veličina za memorandume ili štampane materijale.

5. Primeri upotrebe za programere

- Sistemi za automatizaciju dokumenata

Integracija preuzetih slika potpisa u automatizovane tokove rada za generisanje dokumenata (npr. ugovori, fakture, sporazumi).

- Prikupljanje potpisa na strani klijenta

Koristite izvezene Base64 podatke slike za AJAX otpremanja:

const dataUrl = signaturePad.toDataURL('image/png');
// Pošaljite dataUrl backend API-ju radi čuvanja

- Ugrađivanje SVG-a u veb aplikacije

Pošto je SVG izlaz vektorski, može se direktno ugraditi u HTML:

<img src="signature.svg" alt="Digitalni potpis">

- Bezbedno rukovanje podacima

Pošto se generisanje potpisa odvija u potpunosti u pregledaču, obrada na serverskoj strani nije potrebna osim ako nije izričito implementirana. Ovo smanjuje rizik od izlaganja podataka. Programeri mogu validirati Base64 nizove na serverskoj strani pre čuvanja kako bi sprečili neispravan unos.

- Obrada u pozadini u PHP-u

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

6. ČPP

Da li je ovaj potpis pravno obavezujući?

Ne. Ovaj alat kreira digitalnu sliku vašeg rukom pisanog potpisa. Pravna valjanost zavisi od nadležnosti i načina na koji se potpis koristi.

Mogu li da kreiram providan potpis?

Da. Izaberite providnu pozadinu i preuzmite potpis kao PNG ili SVG.

Koji format je najbolji za štampanje?

SVG se preporučuje za štampanje u visokoj rezoluciji jer se može skalirati bez gubitka kvaliteta.

Mogu li da promenim debljinu olovke?

Da. Možete izabrati jedan od tri unapred definisana nivoa debljine poteza.

Da li alat čuva moj potpis?

Ne. Potpis se generiše lokalno u vašem pregledaču osim ako ga ručno ne otpremite na drugo mesto.

Mogu li da poništim deo svog potpisa?

Da. Dugme Poništi uklanja poslednji nacrtani potez.