Unterschrift erstellen – online unterschreiben

Was dieses Unterschriften-Werkzeug wirklich macht

Das Zeichenfeld ist ein HTML-Canvas, das auf Zeigerereignisse hört, ein einziger Codeweg bedient also Maus, Trackpad, Finger und drucksensiblen Stift. Jeder Messwert, den Ihr Gerät meldet, wird mit Position und Zeitstempel aufgezeichnet, und auf Digitizern mit hoher Abtastrate werden die zusätzlichen Werte, die sich zwischen zwei Bildaktualisierungen ansammeln, aus der Liste der zusammengefassten Ereignisse mit ausgelesen – ein schneller Schwung wird also mit der Rate erfasst, die die Hardware liefert, und nicht mit der Rate, mit der der Bildschirm neu zeichnet. Diese Rohwerte werden nie mit geraden Linien verbunden. Jeder gemessene Punkt wird zum Kontrollpunkt einer quadratischen Bézierkurve, und die Kurve verläuft durch die Mittelpunkte zwischen benachbarten Messwerten. Diese Mittelpunktkonstruktion sorgt dafür, dass das Ergebnis wie Handschrift wirkt und nicht wie eine Seismografenspur, und weil jedes Stück genau dort beginnt, wo das vorige endete, hat ein Strich keine sichtbaren Ansätze. Die Strichstärke schwankt entlang des Strichs. Meldet Ihr Gerät echten, sich verändernden Druck, etwa ein Apple Pencil oder ein Grafiktablett-Stift, steuert dieser Wert die Linienbreite direkt. Mäuse melden konstant 0,5 und viele Touchscreens melden für immer denselben festen Wert, das bloße Vorhandensein eines Druckfelds beweist also nichts; das Tool vertraut dem Druck nur, wenn er sich während eines Strichs tatsächlich ändert, und greift sonst auf die Zeigergeschwindigkeit zurück – langsame, bedächtige Kurven werden dicker, schnelle Schwünge dünner, zwischen 40 und 160 Prozent der gewählten Stiftstärke. Jede Breite wird gegen die vorherige gefiltert, damit ein einzelner Ausreißer keinen Knoten in der Linie hinterlässt. Beim Download werden die Striche außerhalb des Bildschirms in dreifacher Feldgröße auf ein vollständig transparentes Canvas neu gerendert, der Alphakanal jedes Pixels wird abgesucht, um den Rahmen der Striche zu finden, und das Bild wird auf diesen Rahmen zuzüglich des gewählten Randes beschnitten. Das PNG behält seinen Alphakanal; bei der JPG-Option wird der Ausschnitt zuerst auf Weiß gelegt, weil JPEG überhaupt keine Transparenz kennt. Die Striche leben ausschließlich im Speicher der Seite – es wird nichts hochgeladen, und ein Neuladen des Tabs verwirft sie.