From 2062af55a1beb4500ea2a19e92f83470e4506235 Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Fri, 24 Oct 2025 16:52:50 +0530
Subject: [PATCH] added cropper logic in ocr

---
 resources/views/fields/camera-capture.blade.php | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php
index 6d7fbe3..b8271d9 100644
--- a/resources/views/fields/camera-capture.blade.php
+++ b/resources/views/fields/camera-capture.blade.php
@@ -289,6 +289,10 @@ document.addEventListener('DOMContentLoaded', () => {
 
 </div>
 
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js"></script>
+
+
 <script>
 function cameraCapture() {
     return {
@@ -359,6 +363,12 @@ function cameraCapture() {
 
             this.photoTaken = true;
 
+              // Create cropper on image
+            this.cropper = new Cropper(snapshot, {
+                aspectRatio: NaN, // User free crop area
+                viewMode: 1
+            });
+
             if (this.stream) this.stream.getTracks().forEach(track => track.stop());
         },
 
@@ -427,7 +437,6 @@ function cameraCapture() {
             }
         },
 
-
         async retakePhoto() {
             this.photoTaken = false;
             this.$refs.snapshot.classList.add('hidden');
@@ -436,6 +445,7 @@ function cameraCapture() {
         }
     }
 }
+
 </script>