20-11-23

EnvelopeGenerator.Web/wwwroot/js/annotation.js

@@ -70,6 +70,35 @@
         return annotation
     }
 
+    async createFrameAnnotation(annotation, receiver) {
+        const left = annotation.boundingBox.left - 25;
+        const top = annotation.boundingBox.top - 25;
+        const width = 150;
+        const height = 75;
+
+        const imageUrl = await this.Annotation.createAnnotationFrameBlob(receiver.name, width, height);
+        const request = await fetch(imageUrl);
+        const blob = await request.blob();
+
+        const imageAttachmentId = await this.Instance.createAttachment(blob);
+        const frameAnnotation = new PSPDFKit.Annotations.ImageAnnotation({
+            pageIndex: annotation.pageIndex,
+            isSignature: false,
+            readOnly: true,
+            locked: true,
+            lockedContents: true,
+            contentType: 'image/png',
+            imageAttachmentId,
+            description: 'FRAME',
+            boundingBox: new PSPDFKit.Geometry.Rect({
+                left: left,
+                top: top,
+                width: width,
+                height: height,
+            }),
+        });
+    }
+
     async createAnnotationFrameBlob(receiverName, width, height) {
         const canvas = document.createElement("canvas");
         canvas.width = width;