Создание подписи — нарисуйте свою подпись онлайн

Что на самом деле делает этот конструктор подписи

Поле — это HTML-холст, слушающий события указателя, поэтому один и тот же код обслуживает мышь, тачпад, палец и чувствительный к нажиму стилус. Каждая проба, о которой сообщает устройство, записывается вместе с позицией и меткой времени, а на дигитайзерах с высокой частотой опроса дополнительные пробы, накопившиеся между двумя кадрами анимации, тоже вычитываются из списка объединённых событий: быстрый росчерк фиксируется с той частотой, с какой его выдало железо, а не с частотой перерисовки экрана. Эти сырые пробы никогда не соединяются прямыми линиями. Каждая точка становится контрольной точкой квадратичной кривой Безье, а сама кривая проходит через середины отрезков между соседними пробами. Именно построение по серединам заставляет результат читаться как почерк, а не как лента сейсмографа, и, поскольку каждый кусок начинается ровно там, где закончился предыдущий, у штриха нет видимых стыков. Толщина меняется вдоль штриха. Если устройство сообщает действительно меняющийся нажим — например, Apple Pencil или перо графического планшета, — это значение напрямую управляет шириной линии. Мыши сообщают постоянные 0,5, а многие сенсорные экраны навсегда отдают одно фиксированное значение, поэтому само наличие поля нажима ничего не доказывает: инструмент доверяет нажиму, только когда тот реально меняется в течение штриха, а иначе переходит на скорость указателя, рисуя медленные вдумчивые дуги толще, а быстрые росчерки тоньше — в пределах от 40 до 160 процентов выбранной толщины пера. Каждая ширина фильтруется относительно предыдущей, чтобы одна дёрганая проба не оставила на линии утолщение. При скачивании штрихи заново отрисовываются за кадром в тройном размере поля на полностью прозрачном холсте, альфа-канал каждого пикселя сканируется для поиска габаритного прямоугольника чернил, и изображение обрезается по этому прямоугольнику плюс выбранный вами отступ. PNG сохраняет альфа-канал; вариант JPG сначала накладывает обрезку на белое, потому что у JPEG прозрачности нет вовсе. Штрихи живут только в памяти страницы — ничего не загружается на сервер, а перезагрузка вкладки их стирает.