poc/pds
1
0
Fork 1
Code Issues Pull Requests 8 Actions Packages Projects Releases Wiki Activity

changed logic in ocr

Browse Source
This commit is contained in:
dhanabalan
2025-10-17 10:24:45 +05:30
parent c3d47a3787
commit 3d0c67a6d8
1 changed files with 16 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
resources/views/fields/camera-capture.blade.php
View File

@@ -86,58 +86,27 @@ function cameraCapture() {
await this.initCamera(); await this.initCamera();
}, },
// capturePhoto() {
// const video = this.$refs.video;
// const canvas = this.$refs.canvas;
// const snapshot = this.$refs.snapshot;
// const context = canvas.getContext('2d');
// context.drawImage(video, 0, 0, canvas.width, canvas.height);
// const dataUrl = canvas.toDataURL('image/png');
// // stop camera stream after capture
// if (this.stream) {
// this.stream.getTracks().forEach(track => track.stop());
// }
// snapshot.src = dataUrl;
// snapshot.classList.remove('hidden');
// this.photoTaken = true;
// // this.$refs.hiddenInput.value = dataUrl;
// @this.set('photo1', dataUrl);
// },
capturePhoto() { capturePhoto() {
const video = this.$refs.video; const video = this.$refs.video;
const canvas = this.$refs.canvas; const canvas = this.$refs.canvas;
const snapshot = this.$refs.snapshot; const snapshot = this.$refs.snapshot;
const context = canvas.getContext('2d'); const context = canvas.getContext('2d');
// Draw current video frame to canvas context.drawImage(video, 0, 0, canvas.width, canvas.height);
context.drawImage(video, 0, 0, canvas.width, canvas.height); const dataUrl = canvas.toDataURL('image/png');
// Get base64 image // stop camera stream after capture
const dataUrl = canvas.toDataURL('image/png'); if (this.stream) {
this.stream.getTracks().forEach(track => track.stop());
}
// Show captured image snapshot.src = dataUrl;
snapshot.src = dataUrl; snapshot.classList.remove('hidden');
snapshot.classList.remove('hidden'); this.photoTaken = true;
// Hide video so snapshot is visible
video.classList.add('hidden');
// Stop the camera stream AFTER snapshot is captured
if (this.stream) {
this.stream.getTracks().forEach(track => track.stop());
this.stream = null;
}
this.photoTaken = true;
// Update Livewire property
@this.set('photo1', dataUrl);
}
this.$refs.hiddenInput.value = dataUrl;
//@this.set('photo1', dataUrl);
},
async retakePhoto() { async retakePhoto() {
this.photoTaken = false; this.photoTaken = false;