Generátor podpisu

1. Úvod

Generátor podpisů je nástroj založený na prohlížeči, který vám umožňuje vytvořit ručně psaný digitální podpis pomocí myši, touchpadu nebo dotykové obrazovky. Svůj podpis můžete nakreslit přímo na plátno, přizpůsobit jeho barvu a tloušťku, upravit pozadí (včetně průhlednosti) a exportovat jej do různých obrazových formátů, jako jsou SVG, PNG, JPG a WEBP.

Tento nástroj je ideální pro podepisování digitálních dokumentů, přidávání podpisů do PDF, vložení podpisu do patiček e-mailů nebo přípravu průhledných obrázků podpisů pro grafické projekty. Protože vše probíhá přímo ve vašem prohlížeči, nejsou vyžadována žádná nahrávání ani zpracování na straně serveru. Váš podpis je vygenerován okamžitě a lze jej ihned stáhnout ve formátu, který potřebujete.

Ať už potřebujete čistý průhledný PNG pro smlouvy, škálovatelné SVG pro tisk nebo JPG pro rychlé sdílení, tento generátor podpisů nabízí rychlé a flexibilní řešení pro osobní i profesionální použití.

2. Jak to funguje

Nástroj používá interaktivní plátno HTML5, na kterém mohou uživatelé kreslit volnou rukou. Každý tah je zaznamenán jako posloupnost bodů, včetně údajů o poloze, čase a tlaku (pokud jsou k dispozici). Tyto body jsou zpracovány do plynulých křivek, což zajišťuje přirozeně vypadající rukopis namísto hrubých nebo zubatých čar.

Vstupní parametry

• Oblast plátna: Kreslicí plocha, na které vytváříte svůj podpis.
• Barva pera: Vyberte vlastní barvu psaní v šestnáctkovém formátu (interně převedeném na RGB).
• Barva pozadí: Vyberte plnou barvu nebo průhledné pozadí pomocí hodnot RGBA.
• Šířka pera: Tři volitelné úrovně tloušťky, které upravují minimální a maximální šířku tahu.
• Poměr stran: Vyberte mezi 16:9, 4:3, 3:4 nebo 1:1 pro nastavení rozměrů plátna.

Logika vykreslování tahů

Během kreslení systém zaznamenává události ukazatele nebo dotyku a převádí je na segmenty křivek. Vypočítává rychlost tahu, aby dynamicky upravil tloušťku čáry a vytvořil přirozený efekt psaní perem. Každý tah je uložen jako strukturovaná data, což umožňuje funkce, jako je vrácení posledního kroku nebo překreslení pozadí bez ztráty podpisu.

Pravidla ověřování

• Hodnoty šířky pera menší než 1 se automaticky nastaví na minimální podporovanou tloušťku.
• Vstupy barev musí být ve správném šestnáctkovém formátu.
• Po zahájení kreslení je změna velikosti plátna omezena, aby se zabránilo deformaci.
• Funkce Vrátit zpět odstraní pouze poslední tah, pokud existují data tahů.

Výstupní formáty

Svůj podpis můžete exportovat ve formátech:

• SVG – Škálovatelný vektorový formát, ideální pro tisk ve vysokém rozlišení.
• PNG – Podporuje průhlednost.
• JPG – Komprimovaný formát pro běžné použití.
• WEBP – Moderní optimalizovaný obrazový formát.

Omezení

• Nástroj neověřuje totožnost ani neposkytuje právně závazné ověření.
• Podpisy jsou kresleny ručně a nejsou automaticky generovány z textu.
• Změna velikosti po kreslení může vyžadovat vymazání plátna.

3. Jak používat tento nástroj

1. Vyberte požadovaný poměr stran plátna.
2. Zvolte úroveň tloušťky pera.
3. Nastavte požadovanou barvu podpisu.
4. Volitelně vyberte barvu pozadí (nebo jej ponechte průhledné).
5. Nakreslete svůj podpis pomocí myši nebo dotykové obrazovky.
6. Pomocí Vrátit zpět odstraňte poslední tah, pokud je to potřeba.
7. Kliknutím na Vymazat plátno zcela resetujete.
8. Stáhněte si svůj podpis ve formátu SVG, PNG, JPG nebo WEBP.

4. Praktické příklady

Příklad 1: Průhledný PNG pro smlouvy ve formátu PDF

Vstup:

• Poměr stran: 4:3
• Barva pera: Černá (#000000)
• Pozadí: Průhledné
• Šířka pera: Střední

Výstup: download.png (průhledné pozadí)

Použijte tento soubor k vložení svého podpisu do smlouvy PDF bez bílého rámečku za podpisem.

Příklad 2: SVG ve vysokém rozlišení pro tisk

Vstup:

• Poměr stran: 16:9
• Barva pera: Modrá (#1a73e8)
• Pozadí: Bílé
• Šířka pera: Silná

Výstup: download.svg

Protože je SVG vektorový formát, podpis zůstává ostrý i při změně velikosti pro hlavičkové papíry nebo tištěné materiály.

5. Případy použití pro vývojáře

- Systémy pro automatizaci dokumentů

Integrujte stažené obrázky podpisů do automatizovaných pracovních postupů generování dokumentů (např. smlouvy, faktury nebo dohody).

- Zachycení podpisu na straně klienta

Použijte exportovaná obrazová data Base64 pro nahrávání přes AJAX:

const dataUrl = signaturePad.toDataURL('image/png');
// Odešlete dataUrl do backendového API pro uložení

- Vložení SVG do webových aplikací

Protože je výstup SVG vektorový, lze jej přímo vložit do HTML:

<img src="signature.svg" alt="Digitální podpis">

- Bezpečné zpracování dat

Jelikož generování podpisu probíhá zcela v prohlížeči, není vyžadováno žádné zpracování na straně serveru, pokud není výslovně implementováno. To snižuje riziko vystavení dat. Vývojáři mohou před uložením ověřit řetězce Base64 na straně serveru, aby zabránili uložení neplatných vstupů.

- Zpracování na pozadí v PHP

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

6. Často kladené dotazy

Je tento podpis právně závazný?

Ne. Tento nástroj vytváří digitální obrázek vašeho ručně psaného podpisu. Právní platnost závisí na jurisdikci a způsobu použití podpisu.

Mohu vytvořit průhledný podpis?

Ano. Vyberte průhledné pozadí a stáhněte podpis jako PNG nebo SVG.

Který formát je nejlepší pro tisk?

Pro tisk ve vysokém rozlišení se doporučuje SVG, protože jej lze škálovat bez ztráty kvality.

Mohu změnit tloušťku pera?

Ano. Můžete si vybrat ze tří předdefinovaných úrovní tloušťky tahu.

Ukládá nástroj můj podpis?

Ne. Podpis je generován lokálně ve vašem prohlížeči, pokud jej sami nenahrajete jinam.

Mohu vrátit zpět část svého podpisu?

Ano. Tlačítko Vrátit zpět odstraní poslední provedený tah.