Firma a mano
Recuadro de papel para firmar con el dedo o el ratón; el trazo se afina con la velocidad y el nombre se puede teclear.
Ajustes
Código
<div class="uvq06-sg"><div class="pd"><canvas role="img" aria-label="Zona de firma"></canvas><span class="hn" aria-hidden="true">Firma aquí</span><span class="x" aria-hidden="true">×</span><span class="ln" aria-hidden="true"></span><label class="ty"><span class="sr">Escribe tu nombre</span><input placeholder="Escribe tu nombre" autocomplete="name"></label></div><div class="rw"><button type="button" class="md" aria-pressed="false">Usar teclado</button><button type="button" class="cl">Borrar</button><span class="ok" aria-live="polite"></span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Ver todos: InputsDónde usarlo
Un campo de firma dibujado en un canvas sobre papel punteado, con la clásica cruz y la línea discontinua. Los eventos de puntero recogen ratón, lápiz y dedo, y cada tramo se suaviza con curvas mientras su grosor se afina con la velocidad, así que parece tinta y no una línea quebrada. El modo teclado cambia el canvas por un campo con letra caligráfica.
El color principal es la tinta y el secundario la cruz. Úsalo en confirmaciones de entrega, contratos de alquiler y consentimientos, y exporta el dibujo con toDataURL del canvas cuando necesites guardarlo.