Add electronic signature images to PDFs using JavaScript

1
import PSPDFKit from "@nutrient-sdk/viewer";
2

3
export function load(defaultConfiguration) {
4
  return PSPDFKit.load(defaultConfiguration).then(async (instance) => {
5
    console.log("Nutrient Web SDK successfully loaded!!", instance);
6

7
    const annotations = await instance.getAnnotations(0);
8

9
    if (
10
      !annotations.find(
11
        (annotation) =>
12
          annotation.customData && annotation.customData.progrmmatic
13
      )
14
    ) {
15
      const blob = await fetch(
16
        "/programmatic-image-signature/static/jappleseed.png"
17
      ).then((res) => res.blob());
18
      const imageAttachmentId = await instance.createAttachment(blob);
19
      const imageSignature = new PSPDFKit.Annotations.ImageAnnotation({
20
        boundingBox: new PSPDFKit.Geometry.Rect({
21
          width: 300,
22
          height: 166,
23
          top: 562,
24
          left: 140,
25
        }),
26
        imageAttachmentId,
27
        isSignature: true,
28
        pageIndex: 0,
29
        contentType: "image/png",
30
        description: "John Appleseed",
31
        customData: {
32
          progrmmatic: true,
33
        },
34
      });
35

36
      instance.create(imageSignature);
37
    }
38

39
    return instance;
40
  });
41
}