John Davidson

Message:

I looked for a crop that automatically cuts the image and that only the document that is in the photo remains.

And created a module where my work colleagues upload their medical, shopping, etc. receipts. They take a photo and it goes up, but many times half of the photo is with a background. And I looked for some kind of crop, in JavaScript or PHP to cut these images automatically.

But I can't find anything to do an auto crop. Is there any such thing?

Original Image:

Final Image:

Is it possible to do this cut automatically?

---

My Answer:
Yes, it is possible to automatically crop an image using JavaScript or PHP. One popular library for image manipulation in JavaScript is called "CamanJS", which allows you to apply various filters and effects to images, including cropping. You can use the library to detect the edges of the document in the image and crop it accordingly.

In PHP, you can use the GD library or ImageMagick to achieve the same result. These libraries provide functions for cropping images based on specific coordinates or dimensions.

Here is an example of how you can crop an image using CamanJS in JavaScript:

javascript
Caman("#image", function () {
this.crop(100, 100, 300, 300); // x, y, width, height
this.render();
});


And here is an example of how you can crop an image using GD library in PHP:

php
$image = imagecreatefromjpeg("original.jpg");
$croppedImage = imagecrop($image, ['x' => 100, 'y' => 100, 'width' => 300, 'height' => 300]);
imagejpeg($croppedImage, "cropped.jpg");


These are just simple examples, and you may need to adjust the coordinates and dimensions based on the specific requirements of your application. But with these libraries and functions, you should be able to automatically crop images to remove the background and focus on the document itself.