Add Signature Fields to PDFs Using JavaScript

With PSPDFKit for Web and the Form Designer component, you can programmatically add new signature form fields to a document.

The following example creates a signature form field:

const widget = new PSPDFKit.Annotations.WidgetAnnotation({
  pageIndex: 0,
  boundingBox: new PSPDFKit.Geometry.Rect({
    left: 200,
    top: 300,
    width: 250,
    height: 150
  formFieldName: "My signature form field",
  id: PSPDFKit.generateInstantId()
const formField = new PSPDFKit.FormFields.SignatureFormField({
  name: "My signature form field",
  annotationIds: PSPDFKit.Immutable.List([])
instance.create([widget, formField]);

The signature form field created in the example above can then be used to add new signatures either programmatically or using the UI.

You can find out more about Electronic Signatures and Digital Signatures in the corresponding guides.