Signaturgenerator

1. Introduktion

Signaturgenerator er et browserbaseret værktøj, der giver dig mulighed for at oprette en håndskrevet digital signatur ved hjælp af din mus, touchpad eller berøringsskærm. Du kan tegne din signatur direkte på et lærred, tilpasse dens farve og tykkelse, justere baggrunden (inklusive gennemsigtighed) og eksportere den i flere billedformater såsom SVG, PNG, JPG og WEBP.

Dette værktøj er ideelt til at underskrive digitale dokumenter, tilføje signaturer til PDF-filer, indsætte en signatur i e-mail-fodnoter eller forberede gennemsigtige signaturbilleder til designprojekter. Da alt foregår i din browser, kræves der ingen uploads eller behandling på serversiden. Din signatur genereres øjeblikkeligt og kan downloades med det samme i det format, du har brug for.

Uanset om du har brug for en ren gennemsigtig PNG til kontrakter, en skalerbar SVG til udskrivning eller en JPG til hurtig deling, giver denne signaturgenerator en hurtig og fleksibel løsning til både privat og professionel brug.

2. Sådan fungerer det

Værktøjet bruger et interaktivt HTML5-lærred, hvor brugerne kan tegne frihåndsstreger. Hver streg registreres som en sekvens af punkter, herunder position, tid og trykdata (når de er tilgængelige). Disse punkter behandles til glatte kurver, hvilket sikrer en naturligt udseende håndskrift i stedet for grove eller takkede linjer.

Inputparametre

• Lærredsområde: Tegnefladen, hvor du opretter din signatur.
• Pennefarve: Vælg en brugerdefineret skrivefarve i hexadecimalt format (konverteres internt til RGB).
• Baggrundsfarve: Vælg en ensfarvet eller gennemsigtig baggrund ved hjælp af RGBA-værdier.
• Pennetykkelse: Tre valgbare tykkelsesniveauer, der justerer den minimale og maksimale stregbredde.
• Billedformat: Vælg mellem 16:9, 4:3, 3:4 eller 1:1 for at styre lærredets dimensioner.

Logik for gengivelse af streger

Når du tegner, registrerer systemet markør- eller berøringshændelser og konverterer dem til kurvesegmenter. Det beregner stregens hastighed for dynamisk at justere linjetykkelsen, hvilket skaber en naturlig penneeffekt. Hver streg gemmes som strukturerede data, hvilket muliggør funktioner som fortryd og genoptegning af baggrunden uden at miste signaturen.

Valideringsregler

• Værdier for pennetykkelse under 1 anvender som standard den mindste understøttede tykkelse.
• Farveinput skal følge et gyldigt hexadecimalt format.
• Ændring af lærredets størrelse er begrænset, efter at tegningen er begyndt, for at forhindre forvrængning.
• Fortryd fjerner kun den seneste streg, hvis stregdata findes.

Outputformater

Du kan eksportere din signatur i:

• SVG – Skalerbart vektorformat, ideelt til udskrivning i høj opløsning.
• PNG – Understøtter gennemsigtighed.
• JPG – Komprimeret format til almindelig brug.
• WEBP – Moderne optimeret billedformat.

Begrænsninger

• Værktøjet verificerer ikke identitet eller giver juridisk bindende godkendelse.
• Signaturer tegnes manuelt og genereres ikke automatisk ud fra tekst.
• Ændring af størrelse efter tegning kan kræve, at lærredet ryddes.

3. Sådan bruger du dette værktøj

1. Vælg dit foretrukne billedformat til lærredet.
2. Vælg et niveau for pennetykkelse.
3. Angiv den ønskede signaturfarve.
4. Vælg eventuelt en baggrundsfarve (eller behold den gennemsigtig).
5. Tegn din signatur med musen eller berøringsskærmen.
6. Brug Fortryd til at fjerne den seneste streg efter behov.
7. Klik på Ryd for at nulstille lærredet helt.
8. Download din signatur i SVG-, PNG-, JPG- eller WEBP-format.

4. Praktiske eksempler

Eksempel 1: Gennemsigtig PNG til PDF-kontrakter

Input:

• Billedformat: 4:3
• Pennefarve: Sort (#000000)
• Baggrund: Gennemsigtig
• Pennetykkelse: Mellem

Output: download.png (gennemsigtig baggrund)

Brug denne fil til at indsætte din signatur i en PDF-kontrakt uden en hvid boks bagved.

Eksempel 2: SVG i høj opløsning til udskrivning

Input:

• Billedformat: 16:9
• Pennefarve: Blå (#1a73e8)
• Baggrund: Hvid
• Pennetykkelse: Kraftig

Output: download.svg

Da SVG er et vektorformat, forbliver signaturen skarp, når den skaleres til brevhoveder eller trykte materialer.

5. Anvendelsesmuligheder for udviklere

- Dokumentautomatiseringssystemer

Integrer downloadede signaturbilleder i automatiserede arbejdsgange til dokumentgenerering (f.eks. kontrakter, fakturaer og aftaler).

- Registrering af signatur på klientsiden

Brug de eksporterede Base64-billeddata til AJAX-upload:

const dataUrl = signaturePad.toDataURL('image/png');
// Send dataUrl til backend-API'et til lagring

- Indlejring af SVG i webapplikationer

Da SVG-output er vektorbaseret, kan det indlejres direkte i HTML:

<img src="signature.svg" alt="Digital signatur">

- Sikker databehandling

Da signaturgenereringen foregår udelukkende i browseren, kræves der ingen behandling på serversiden, medmindre det implementeres eksplicit. Dette reducerer risikoen for dataeksponering. Udviklere kan validere Base64-strenge på serversiden, før de gemmes, for at forhindre ugyldige input.

- Baggrundsbehandling i PHP

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

6. Ofte stillede spørgsmål

Er denne signatur juridisk bindende?

Nej. Dette værktøj opretter et digitalt billede af din håndskrevne signatur. Den juridiske gyldighed afhænger af jurisdiktionen, og hvordan signaturen anvendes.

Kan jeg oprette en gennemsigtig signatur?

Ja. Vælg en gennemsigtig baggrund, og download som PNG eller SVG.

Hvilket format er bedst til udskrivning?

SVG anbefales til udskrivning i høj opløsning, da det kan skaleres uden kvalitetstab.

Kan jeg ændre pennetykkelsen?

Ja. Du kan vælge mellem tre foruddefinerede niveauer for stregtykkelse.

Gemmer værktøjet min signatur?

Nej. Signaturen genereres lokalt i din browser, medmindre du manuelt uploader den et andet sted.

Kan jeg fortryde en del af min signatur?

Ja. Knappen Fortryd fjerner den seneste streg.