Unterschriftenfeld
Ein Papierfeld zum Unterschreiben mit Finger oder Maus, mit Strich, der mit dem Tempo dünner wird, und Option zum Eintippen.
Einstellungen
Code
<div class="uvq06-sg"><div class="pd"><canvas role="img" aria-label="Unterschriftsfeld"></canvas><span class="hn" aria-hidden="true">Hier unterschreiben</span><span class="x" aria-hidden="true">×</span><span class="ln" aria-hidden="true"></span><label class="ty"><span class="sr">Schreib deinen Namen</span><input placeholder="Schreib deinen Namen" autocomplete="name"></label></div><div class="rw"><button type="button" class="md" aria-pressed="false">Tastatur nutzen</button><button type="button" class="cl">Löschen</button><span class="ok" aria-live="polite"></span></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein Unterschriftenfeld auf einem Canvas über gepunktetem Papier, mit dem klassischen Kreuz und der gestrichelten Linie. Pointer-Events erfassen Maus, Stift und Finger, jedes Stück wird mit Kurven geglättet und mit steigendem Tempo dünner, sodass es wie Tinte aussieht und nicht wie eine Linienkette. Ein Tastaturmodus ersetzt das Canvas durch ein Feld in Schreibschrift.
Die Hauptfarbe ist die Tinte, die zweite Farbe das Kreuz. Setze es bei Lieferbestätigungen, Mietverträgen und Einwilligungen ein und exportiere die Zeichnung mit toDataURL des Canvas, wenn du sie speichern willst.