fix: add image even if points not provided

Author: felixindrawan

js/init.js

@@ -165,35 +165,40 @@ function displayImage(image, points) {
 
     img.src = imageUrl;
     img.className = "uploaded-image";
+    // Crop image based on points
     img.onload = () => {
       URL.revokeObjectURL(imageUrl);
 
-      const canvas = document.createElement("canvas");
-      const ctx = canvas.getContext("2d");
-
-      const width = points[1].x - points[0].x;
-      const height = points[2].y - points[1].y;
-
-      canvas.width = width;
-      canvas.height = height;
-
-      ctx.drawImage(
-        img,
-        points[0].x,
-        points[0].y,
-        width,
-        height, // Source coordinates
-        0,
-        0,
-        width,
-        height // Destination coordinates
-      );
-
-      const croppedImage = new Image();
-      croppedImage.src = canvas.toDataURL();
-      croppedImage.className = "uploaded-image";
-
-      scannedImage.append(croppedImage);
+      if (points) {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+
+        const width = points[1].x - points[0].x;
+        const height = points[2].y - points[1].y;
+
+        canvas.width = width;
+        canvas.height = height;
+
+        ctx.drawImage(
+          img,
+          points[0].x,
+          points[0].y,
+          width,
+          height, // Source coordinates
+          0,
+          0,
+          width,
+          height // Destination coordinates
+        );
+
+        const croppedImage = new Image();
+        croppedImage.src = canvas.toDataURL();
+        croppedImage.className = "uploaded-image";
+
+        scannedImage.append(croppedImage);
+      } else {
+        scannedImage.append(img);
+      }
     };
   } else if (image.toCanvas) {
     scannedImage.append(image.toCanvas());