Bloc de firmas

Funciones

• Escribe con ratón, dedo o lápiz, y en una pantalla táctil la página no se desplaza bajo el lápiz
• ⚠️ Los trazos se suavizan con curvas cuadráticas que pasan por los puntos medios, así que se mantienen limpios al ampliar
• Exportación en PNG transparente por defecto, lista para colocarse sobre un documento; hay fondo blanco
• Las exportaciones se recortan a la tinta, con un margen ajustable
• El color de tinta (negro, azul de bolígrafo, rojo) y el grosor son ajustables
• Deshaz el último trazo, o bórralo todo
• Las exportaciones respetan la densidad de píxeles del dispositivo, así que no salen borrosas en una pantalla de alta densidad
• Aparece un aviso cuando la tinta es demasiado corta, para no exportar sin querer una imagen casi en blanco
• Todo se ejecuta en tu navegador; los trazos no salen de él

Cómo se usa

1. Escribe tu nombre en el recuadro, con ratón, dedo o lápiz
2. Ajusta el color y el grosor de la tinta, y el fondo y el margen de la exportación
3. Deshaz el último trazo o borra el lienzo si necesitas empezar de nuevo
4. Descarga el PNG

Preguntas frecuentes

¿La exportación es transparente o blanca?

Transparente por defecto, así que puede colocarse sobre un documento sin tapar nada y meterse directamente en un PDF o un archivo de Word. ⚠️ El damero de la pantalla es la forma habitual de decir que esa zona es transparente, y es la fuente de confusión más común aquí: parece un fondo en la previsualización y luego no está en el archivo. Cambia el fondo a blanco si lo necesitas.

¿Por qué se recorta la exportación?

Porque el lienzo es mucho más grande que la firma. Sin recortarlo obtendrías una imagen de 1920x1080 con una firma pequeña y tendrías que recortarla tú. El recorte tiene en cuenta el grosor del trazo, para no cortar los bordes de la tinta, y deja un margen ajustable. Pon el margen a cero para firmar pegado al borde, o hazlo grande para conservar más espacio.

¿Los trazos quedan dentados al ampliar?

No. Los eventos de puntero muestrean con densidad y unir esos puntos con líneas rectas produce una polilínea visiblemente temblorosa que se nota al ampliar. Las muestras demasiado juntas se descartan primero, y el resto se unen con curvas cuadráticas que pasan por sus puntos medios, lo que se mantiene suave al ampliar. La exportación también escala con la densidad de píxeles del dispositivo, así que no queda blanda en una pantalla de alta densidad.

¿Funciona junto con la herramienta de firma desde imagen?

Sí, y se complementan: si lo único que tienes es una foto de una firma escrita en papel, usa la herramienta de imagen para recortarla; si solo quieres una firma rápida, dibújala aquí. Las dos producen un PNG transparente, así que cualquiera de los dos resultados se usa igual.