Créateur de signature — Dessinez votre signature en ligne

Ce que fait réellement ce créateur de signature

Le pavé est un canevas HTML à l'écoute des événements de pointeur : un seul chemin de code sert donc la souris, le pavé tactile, le doigt et un stylet sensible à la pression. Chaque échantillon rapporté par votre appareil est enregistré avec sa position et son horodatage, et sur les numériseurs à haute fréquence, les échantillons supplémentaires qui s'accumulent entre deux images d'animation sont également relus dans la liste des événements fusionnés — une fioriture rapide est capturée au rythme produit par le matériel, pas à celui du rafraîchissement de l'écran. Ces échantillons bruts ne sont jamais reliés par des segments droits. Chaque point échantillonné devient le point de contrôle d'une courbe de Bézier quadratique, et la courbe passe par les milieux entre échantillons voisins. C'est cette construction par les milieux qui fait que le résultat se lit comme une écriture manuscrite et non comme un tracé de sismographe, et comme chaque morceau démarre exactement là où le précédent s'est arrêté, un trait ne présente aucune jonction visible. L'épaisseur varie le long du trait. Si votre appareil rapporte une pression réellement variable — un Apple Pencil ou un stylet de tablette graphique, par exemple — cette lecture pilote directement la largeur du trait. Les souris rapportent une valeur constante de 0,5 et beaucoup d'écrans tactiles une valeur fixe unique : la présence d'un champ de pression ne prouve donc rien. L'outil ne se fie à la pression que lorsqu'elle varie effectivement pendant un trait, et se rabat sinon sur la vitesse du pointeur, dessinant les courbes lentes et appliquées plus épaisses et les gestes rapides plus fins, entre 40 et 160 pour cent de la taille de stylo choisie. Chaque largeur est filtrée par rapport à la précédente, afin qu'un échantillon isolé et instable ne laisse pas de renflement sur la ligne. Au téléchargement, les traits sont redessinés hors écran à trois fois la taille du pavé sur un canevas entièrement transparent, le canal alpha de chaque pixel est analysé pour trouver le rectangle englobant de l'encre, et l'image est recadrée sur ce rectangle plus la marge que vous avez choisie. Le PNG conserve son canal alpha ; l'option JPG peint d'abord le recadrage sur du blanc, puisque le JPEG n'a aucune transparence. Les traits ne vivent que dans la mémoire de la page — rien n'est envoyé, et recharger l'onglet les efface.