Generator potpisa

1. Uvod

Generator potpisa je alat zasnovan na pregledniku koji vam omogućava da kreirate digitalni rukom pisani potpis koristeći miš, dodirnu pločicu ili ekran osjetljiv na dodir. Svoj potpis možete nacrtati direktno na platnu, prilagoditi njegovu boju i debljinu, podesiti pozadinu (uključujući transparentnost) te ga izvesti 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 transparentnih slika potpisa za dizajnerske projekte. Budući da se sve izvršava u vašem pregledniku, nisu potrebni prijenosi datoteka niti obrada na serverskoj strani. Vaš potpis se generiše trenutno i može se odmah preuzeti u formatu koji vam je potreban.

Bilo da vam je potreban čisti transparentni PNG za ugovore, skalabilni SVG za štampanje ili JPG za brzo dijeljenje, ovaj generator potpisa pruža brzo i fleksibilno rješenje za ličnu i profesionalnu upotrebu.

2. Kako funkcioniše

Alat koristi interaktivno HTML5 platno na kojem korisnici mogu crtati slobodnim potezima. Svaki potez se biljež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, osiguravajući prirodan izgled rukopisa umjesto grubih ili nazubljenih linija.

Ulazni parametri

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

Logika iscrtavanja poteza

Dok crtate, sistem bilježi događaje pokazivača ili dodira i pretvara ih u segmente krivih. Izračunava brzinu poteza kako bi dinamički prilagodio debljinu linije i proizveo prirodan efekat pisanja olovkom. Svaki potez se pohranjuje kao strukturirani podatak, omogućavajući funkcije poput poništavanja i ponovnog iscrtavanja pozadine bez gubitka potpisa.

Pravila validacije

• Vrijednosti debljine olovke manje od 1 automatski se postavljaju na minimalnu podržanu debljinu.
• Unosi boje moraju biti u važećem heksadecimalnom formatu.
• Promjena veličine platna je ograničena nakon početka crtanja kako bi se spriječila deformacija.
• Poništavanje uklanja samo posljednji potez ako podaci o potezu postoje.

Izlazni formati

Svoj potpis možete izvesti u:

• SVG – Skalabilni vektorski format, idealan za štampanje visoke rezolucije.
• PNG – Podržava transparentnost.
• JPG – Komprimirani format za opću upotrebu.
• WEBP – Moderni optimizirani format slike.

Ograničenja

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

3. Kako koristiti ovaj alat

1. Odaberite željeni omjer stranica za platno.
2. Odaberite nivo debljine olovke.
3. Postavite željenu boju potpisa.
4. Po želji odaberite boju pozadine (ili je ostavite transparentnom).
5. Nacrtajte svoj potpis koristeći miš ili ekran osjetljiv na dodir.
6. Koristite Poništi da uklonite posljednji potez ako je potrebno.
7. Kliknite na Obriši da potpuno resetujete platno.
8. Preuzmite svoj potpis u SVG, PNG, JPG ili WEBP formatu.

4. Praktični primjeri

Primjer 1: Transparentni PNG za PDF ugovore

Ulaz:

• Omjer stranica: 4:3
• Boja olovke: Crna (#000000)
• Pozadina: Transparentna
• Debljina olovke: Srednja

Izlaz: download.png (transparentna pozadina)

Koristite ovu datoteku da umetnete svoj potpis u PDF ugovor bez bijelog okvira iza njega.

Primjer 2: SVG visoke rezolucije za štampanje

Ulaz:

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

Izlaz: download.svg

Budući da je SVG vektorski format, potpis ostaje oštar kada se promijeni njegova veličina za memorandume ili štampane materijale.

5. Primjene za programere

- Sistemi za automatizaciju dokumenata

Integrirajte preuzete slike potpisa u automatizirane tokove rada za generisanje dokumenata (npr. ugovori, fakture i sporazumi).

- Prikupljanje potpisa na strani klijenta

Koristite izvezene Base64 podatke slike za AJAX prijenose:

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

- Ugrađivanje SVG-a u web aplikacije

Budući da je SVG izlaz vektorski, može se direktno ugraditi u HTML:

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

- Sigurno rukovanje podacima

Pošto se generisanje potpisa odvija u potpunosti u pregledniku, 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 prije spremanja kako bi spriječili neispravan unos.

- Obrada u pozadini pomoću PHP-a

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

6. Često postavljana pitanja

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 kreirati transparentan potpis?

Da. Odaberite transparentnu pozadinu i preuzmite potpis kao PNG ili SVG.

Koji je format najbolji za štampanje?

SVG se preporučuje za štampanje visoke rezolucije jer se može skalirati bez gubitka kvaliteta.

Mogu li promijeniti debljinu olovke?

Da. Možete odabrati jedan od tri unaprijed definirana nivoa debljine poteza.

Da li alat pohranjuje moj potpis?

Ne. Potpis se generiše lokalno u vašem pregledniku osim ako ga ručno ne prenesete negdje drugo.

Mogu li poništiti dio svog potpisa?

Da. Dugme Poništi uklanja posljednji nacrtani potez.