Creador de firmas — Dibuja tu firma online

Qué hace realmente este creador de firmas

El panel es un lienzo HTML que escucha eventos de puntero, así que un mismo camino de código sirve para el ratón, el trackpad, el dedo y un lápiz sensible a la presión. Cada muestra que informa tu dispositivo se registra con su posición y su marca de tiempo, y en digitalizadores de alta frecuencia de refresco las muestras adicionales que se acumulan entre dos fotogramas de animación también se recuperan de la lista de eventos agrupados: una rúbrica rápida se captura al ritmo que produjo el hardware, no al ritmo al que se redibuja la pantalla. Esas muestras en bruto nunca se unen con líneas rectas. Cada punto muestreado se convierte en el punto de control de una curva de Bézier cuadrática, y la curva pasa por los puntos medios entre muestras vecinas. Esa construcción por puntos medios es lo que hace que el resultado se lea como escritura a mano y no como el trazo de un sismógrafo, y como cada tramo empieza exactamente donde terminó el anterior, un trazo no tiene juntas visibles. El grosor varía a lo largo del trazo. Si tu dispositivo informa de una presión que cambia de verdad, por ejemplo un Apple Pencil o el lápiz de una tableta gráfica, esa lectura controla directamente el ancho de línea. Los ratones informan de un 0,5 constante y muchas pantallas táctiles informan siempre de un mismo valor fijo, así que la presencia de un campo de presión no demuestra nada: la herramienta se fía de la presión solo cuando varía de verdad durante un trazo, y si no recurre a la velocidad del puntero, dibujando más gruesas las curvas lentas y deliberadas y más finos los golpes rápidos, entre el 40 y el 160 por ciento del grosor que hayas elegido. Cada anchura se filtra respecto a la anterior para que una muestra suelta con temblor no deje un abultamiento en la línea. Al descargar, los trazos se vuelven a renderizar fuera de pantalla al triple del tamaño del panel sobre un lienzo totalmente transparente, se recorre el canal alfa de cada píxel para hallar el rectángulo que envuelve la tinta y la imagen se recorta a ese rectángulo más el margen que hayas elegido. El PNG conserva su canal alfa; la opción JPG pinta antes el recorte sobre blanco, porque el JPEG no tiene transparencia alguna. Los trazos viven solo en la memoria de la página: no se sube nada, y recargar la pestaña los descarta.