Электронная подпись (Эхо) Прием необходим для многих веб -приложений, включая контракты, контракты и формы согласия. В то время как многие компании выбирают дорогие решения по управлению документами, довольно легко представить свое собственное поле подписи на вашей веб -странице.

JSignature

JSignature Существует библиотека JavaScript с открытым исходным кодом, которая предоставляет простой и эффективный способ захвата, сохранения и управления цифровыми подписями в веб -приложениях. Это позволяет пользователям подписывать документы или формы, используя сенсорную панель, мышь или стилус, что делает их очень универсальными для различных устройств, включая рабочие столы, планшеты и смартфоны.

Библиотека легкая и построена с HTML9 Холст, обеспечивая плавное воспроизведение и отзывчивость. Он поддерживает несколько выходных форматов, таких как SvgРабство Пнни JsonПозволяет легкой интеграции с задними системами. Кроме того, JSignature включает такие функции, как чувствительность к давлению, выравнивание инсульта и сжатие данных, что делает его мощным выбором для приложений, которые требуют электронных подписей, таких как контракты, формы согласия и процессы аутентификации.

Эта статья поможет вам сделать процесс реализации JSignature Принять подпись онлайн.

Демонстрация JSignature

Вот демонстрация библиотеки JSignature. Используйте только курсор или пальцем, чтобы подписать поле подписи. Когда вы нажимаете SubmitРезультат показан вам.

Образец страницы JSignature

Это простое введение через JSignature позволяет пользователям воспринимать и управлять цифровыми подписями в веб -форме. Он предоставляет важные функции, включая рисование, очистку и отправку подписей в формате BAS64. Расширяя этот сценарий, разработчики могут интегрировать цифровые подписи в онлайн -контракты, формы согласия и системы аутентификации, улучшая как пользовательский опыт, так и безопасность.




    
    
    Signature Capture Form

Ниже приводится распределение того, как работает каждый раздел кода.

1. Установка структуры HTML

Документ начинается со стандартной структуры HTML5, включая head Раздел, если библиотеки загружены. К ним относятся:

  • JQuery (v3.6.0): Библиотека JavaScript, которая упрощает процесс манипуляций и событий.
  • JSignature (v2.1.2): Библиотека JavaScript, которая предоставляет цифровые подписи на холсте HTML5.

До body содержит форму (#signature-form) с:

  • Зона захвата подписи (#signature)
  • Очистить кнопку подписи, чтобы сбросить поле подписи.
  • Скрытый вход (#signatureData) Сохранить полученные данные подписи.
  • Кнопка «Отправить», чтобы отправить форму.

2. Создание фирменной прокладки

Простое правило CSS используется, чтобы убедиться, что область подписи видна и имеет определенный размер:

#signature {
    border: 1px solid #000;
    width: 400px;
    height: 200px;
}

Это гарантирует, что фирменная площадка составляет 400 пикселей и 200 пикселей, с черной границей, чтобы отличить ее от фона.

3. Инициализация и взаимодействие JSC

Сценарий внутри