Xerador de sinatura

1. Introdución

Xerador de sinaturas é unha ferramenta baseada no navegador que che permite crear unha sinatura dixital manuscrita usando o rato, o panel táctil ou a pantalla táctil. Podes debuxar a túa sinatura directamente sobre un lenzo, personalizar a súa cor e grosor, axustar o fondo (incluíndo a transparencia) e exportala en varios formatos de imaxe como SVG, PNG, JPG e WEBP.

Esta ferramenta é ideal para asinar documentos dixitais, engadir sinaturas a ficheiros PDF, inserir unha sinatura no pé dos correos electrónicos ou preparar imaxes de sinaturas transparentes para proxectos de deseño. Como todo se executa no teu navegador, non se requiren cargas de ficheiros nin procesamento no servidor. A túa sinatura xérase ao instante e pode descargarse inmediatamente no formato que necesites.

Tanto se precisas un PNG transparente para contratos, un SVG escalable para impresión ou un JPG para compartilo rapidamente, este xerador de sinaturas ofrece unha solución rápida e flexible para uso persoal e profesional.

2. Como funciona

A ferramenta utiliza un lenzo interactivo HTML5 onde os usuarios poden debuxar trazos a man alzada. Cada trazo rexístrase como unha secuencia de puntos, incluíndo datos de posición, tempo e presión (cando están dispoñibles). Estes puntos procésanse en curvas suaves, garantindo unha escritura de aspecto natural en lugar de liñas irregulares ou dentadas.

Parámetros de entrada

• Área do lenzo: A superficie de debuxo onde creas a túa sinatura.
• Cor do lapis: Selecciona unha cor de escritura personalizada en formato hexadecimal (convertida internamente a RGB).
• Cor do fondo: Escolle unha cor sólida ou un fondo transparente empregando valores RGBA.
• Grosor do lapis: Tres niveis de grosor seleccionables que axustan o ancho mínimo e máximo do trazo.
• Relación de aspecto: Escolle entre 16:9, 4:3, 3:4 ou 1:1 para controlar as dimensións do lenzo.

Lóxica de renderizado dos trazos

Mentres debuxas, o sistema captura os eventos do punteiro ou do toque e convérteos en segmentos de curva. Calcula a velocidade do trazo para axustar dinamicamente o grosor da liña, producindo un efecto de escritura natural. Cada trazo almacénase como datos estruturados, permitindo funcións como desfacer e volver debuxar o fondo sen perder a sinatura.

Regras de validación

• Os valores de grosor do lapis inferiores a 1 establécense por defecto no grosor mínimo compatible.
• As entradas de cor deben seguir un formato hexadecimal válido.
• O cambio de tamaño do lenzo está restrinxido unha vez iniciado o debuxo para evitar distorsións.
• Desfacer só elimina o trazo máis recente se existen datos do trazo.

Formatos de saída

Podes exportar a túa sinatura en:

• SVG – Formato vectorial escalable, ideal para impresión de alta resolución.
• PNG – Compatible con transparencia.
• JPG – Formato comprimido para uso xeral.
• WEBP – Formato de imaxe moderno e optimizado.

Limitacións

• A ferramenta non verifica a identidade nin proporciona autenticación con validez legal.
• As sinaturas debúxanse manualmente e non se xeran automaticamente a partir de texto.
• Cambiar o tamaño despois de debuxar pode requirir limpar o lenzo.

3. Como usar esta ferramenta

1. Escolle a relación de aspecto que prefiras para o lenzo.
2. Selecciona un nivel de grosor do lapis.
3. Configura a cor da sinatura que desexes.
4. Opcionalmente, escolle unha cor de fondo (ou déixaa transparente).
5. Debuxa a túa sinatura usando o rato ou a pantalla táctil.
6. Usa Desfacer para eliminar o último trazo se é necesario.
7. Fai clic en Limpar para restablecer completamente o lenzo.
8. Descarga a túa sinatura en formato SVG, PNG, JPG ou WEBP.

4. Exemplos prácticos

Exemplo 1: PNG transparente para contratos PDF

Entrada:

• Relación de aspecto: 4:3
• Cor do lapis: Negro (#000000)
• Fondo: Transparente
• Grosor do lapis: Medio

Saída: download.png (fondo transparente)

Usa este ficheiro para inserir a túa sinatura nun contrato PDF sen un recadro branco detrás.

Exemplo 2: SVG de alta resolución para impresión

Entrada:

• Relación de aspecto: 16:9
• Cor do lapis: Azul (#1a73e8)
• Fondo: Branco
• Grosor do lapis: Groso

Saída: download.svg

Como o SVG está baseado en vectores, a sinatura mantense nítida ao redimensionala para papeis con cabeceira ou materiais impresos.

5. Casos de uso para desenvolvedores

- Sistemas de automatización de documentos

Integra as imaxes de sinaturas descargadas en fluxos de traballo automatizados de xeración de documentos (por exemplo, contratos, facturas e acordos).

- Captura de sinaturas no lado do cliente

Usa os datos de imaxe Base64 exportados para cargas mediante AJAX:

const dataUrl = signaturePad.toDataURL('image/png');
// Envía dataUrl á API do backend para almacenamento

- Inserción de SVG en aplicacións web

Como a saída SVG está baseada en vectores, pode inserirse directamente en HTML:

<img src="signature.svg" alt="Sinatura dixital">

- Xestión segura dos datos

Como a xeración da sinatura ten lugar completamente no navegador, non se require procesamento no servidor salvo que se implemente explicitamente. Isto reduce o risco de exposición de datos. Os desenvolvedores poden validar as cadeas Base64 no servidor antes de gardalas para evitar entradas mal formadas.

- Procesamento en segundo plano con PHP

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

6. Preguntas frecuentes

Esta sinatura ten validez legal?

Non. Esta ferramenta crea unha imaxe dixital da túa sinatura manuscrita. A validez legal depende da xurisdición e da forma en que se utilice a sinatura.

Podo crear unha sinatura transparente?

Si. Escolle un fondo transparente e descárgaa como PNG ou SVG.

Que formato é mellor para imprimir?

Recoméndase SVG para impresión de alta resolución porque pode escalarse sen perder calidade.

Podo cambiar o grosor do lapis?

Si. Podes seleccionar entre tres niveis predefinidos de grosor do trazo.

A ferramenta garda a miña sinatura?

Non. A sinatura xérase localmente no teu navegador, a menos que a cargues manualmente noutro lugar.

Podo desfacer parte da miña sinatura?

Si. O botón Desfacer elimina o trazo máis recente.