Generator potpisa

1. Uvod

Generator potpisa je alat koji radi u pregledniku i omogućuje vam izradu rukom pisanog digitalnog potpisa pomoću miša, dodirne pločice ili dodirnog zaslona. Svoj potpis možete nacrtati izravno na platnu, prilagoditi njegovu boju i debljinu, podesiti pozadinu (uključujući prozirnost) te ga izvesti u više formata slika kao što su SVG, PNG, JPG i WEBP.

Ovaj alat idealan je za potpisivanje digitalnih dokumenata, dodavanje potpisa u PDF datoteke, umetanje potpisa u podnožje e-pošte ili pripremu prozirnih slika potpisa za dizajnerske projekte. Budući da se sve odvija u vašem pregledniku, nisu potrebna učitavanja datoteka niti obrada na poslužitelju. Vaš se potpis generira trenutačno i može se odmah preuzeti u formatu koji vam je potreban.

Bez obzira trebate li čisti prozirni PNG za ugovore, skalabilni SVG za ispis ili JPG za brzo dijeljenje, ovaj generator potpisa pruža brzo i fleksibilno rješenje za osobnu i profesionalnu upotrebu.

2. Kako radi

Alat koristi interaktivno HTML5 platno na kojem korisnici mogu crtati slobodnim potezima. Svaki potez bilježi se kao niz točaka, uključujući podatke o položaju, vremenu i pritisku (kada su dostupni). Te se točke obrađuju u glatke krivulje, osiguravajući prirodan izgled rukopisa umjesto grubih ili nazubljenih linija.

Ulazni parametri

• Područje platna: Površina za crtanje na kojoj izrađujete svoj potpis.
• Boja olovke: Odaberite prilagođenu boju pisanja u heksadecimalnom formatu (interno se pretvara u RGB).
• Boja pozadine: Odaberite jednobojnu ili prozirnu pozadinu koristeći RGBA vrijednosti.
• Debljina olovke: Tri razine debljine koje prilagođavaju minimalnu i maksimalnu širinu poteza.
• Omjer stranica: Odaberite između 16:9, 4:3, 3:4 ili 1:1 za kontrolu dimenzija platna.

Logika iscrtavanja poteza

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

Pravila provjere valjanosti

• Vrijednosti debljine olovke manje od 1 automatski se postavljaju na minimalnu podržanu debljinu.
• Unesene boje moraju biti u ispravnom heksadecimalnom formatu.
• Promjena veličine platna ograničena je nakon početka crtanja kako bi se spriječilo izobličenje.
• Poništi uklanja samo posljednji potez ako postoje podaci o potezu.

Izlazni formati

Svoj potpis možete izvesti u:

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

Ograničenja

• Alat ne provjerava identitet niti pruža pravno obvezujuću autentifikaciju.
• Potpisi se crtaju ručno i ne generiraju 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 razinu debljine olovke.
3. Postavite željenu boju potpisa.
4. Po želji odaberite boju pozadine (ili je ostavite prozirnom).
5. Nacrtajte svoj potpis pomoću miša ili dodirnog zaslona.
6. Koristite Poništi za uklanjanje posljednjeg poteza ako je potrebno.
7. Kliknite Obriši kako biste u potpunosti resetirali platno.
8. Preuzmite svoj potpis u formatu SVG, PNG, JPG ili WEBP.

4. Praktični primjeri

Primjer 1: Prozirni PNG za PDF ugovore

Ulaz:

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

Izlaz: download.png (prozirna pozadina)

Koristite ovu datoteku za umetanje svog potpisa u PDF ugovor bez bijelog okvira iza njega.

Primjer 2: SVG visoke rezolucije za ispis

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 prilikom promjene veličine za memorandume ili tiskane materijale.

5. Primjeri upotrebe za razvojne programere

- Sustavi za automatizaciju dokumenata

Integrirajte preuzete slike potpisa u automatizirane tijekove rada za generiranje dokumenata (npr. ugovora, računa i sporazuma).

- Prikupljanje potpisa na strani klijenta

Koristite izvezene Base64 podatke slike za AJAX prijenose:

const dataUrl = signaturePad.toDataURL('image/png');
// Pošaljite dataUrl pozadinskom API-ju za pohranu

- Ugradnja SVG-a u web-aplikacije

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

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

- Sigurna obrada podataka

Budući da se generiranje potpisa odvija u potpunosti u pregledniku, obrada na poslužitelju nije potrebna osim ako nije izričito implementirana. Time se smanjuje rizik od izlaganja podataka. Razvojni programeri mogu provjeriti Base64 nizove na poslužitelju prije spremanja kako bi spriječili neispravne unose.

- 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

Je li ovaj potpis pravno obvezujući?

Ne. Ovaj alat stvara digitalnu sliku vašeg rukom pisanog potpisa. Pravna valjanost ovisi o nadležnosti i načinu na koji se potpis koristi.

Mogu li izraditi prozirni potpis?

Da. Odaberite prozirnu pozadinu i preuzmite ga kao PNG ili SVG.

Koji je format najbolji za ispis?

SVG se preporučuje za ispis visoke rezolucije jer se može skalirati bez gubitka kvalitete.

Mogu li promijeniti debljinu olovke?

Da. Možete odabrati jednu od tri unaprijed definirane razine debljine poteza.

Pohranjuje li alat moj potpis?

Ne. Potpis se generira lokalno u vašem pregledniku osim ako ga ručno ne prenesete na drugo mjesto.

Mogu li poništiti dio svog potpisa?

Da. Gumb Poništi uklanja posljednji nacrtani potez.