perspective image cropping

Write an angular component that accepts image and will auto-detect documents borders and crop it as described below. Perspective crop: We would like to build a feature that allows the user to apply the perspective crop on the document. This could be on the fly while the user is taking a picture or can be applied on a batch of images already available. Perspective crop includes cropping and de-skewing the image to make it appear as a rectangle. Front-end: The user will take a picture of the document (using a webcam) then the system will show them the border of the crop (auto-detection). They can accept it or change the borders as they see fit. Once that is done, the crop will be applied and the user will see the final result. Additionally, the borders of the background of the image are, most of the time, not a single color which makes it hard to apply the crop. The user will select an area where the document will be. Then, the system will always crop the image inside this selected area then it will search for the document inside it and apply the perspective crop. Stand-alone: We have images already taken with no crop applied on them. We want to apply perspective crop on them as well.