CODEWITHSUNDEEP
reactjspdf
Atom Aviation
Atom Aviation

Reputation: 1

Challenge to show cropped part in react ? Very challenging

I am trying to create an inspection app. In this React-based Web app, I am marking the locations on the image. I am unable to crop the image and show it in the report.

I want to show the marked part under the original image in zoomed format.

Is there anyone who can take this challenge??

Below is the sample, which I want to achieve.

enter image description here

Upvotes: -3

Views: 34

Answers (1)

K J
K J

Reputation: 11857

You can reverse that format in the original. It is simple Chrome/80.0.3987.132 HTML with different resolution images. Hence you need a HTML report Graphics editor to import higher resolution images. HTML canvas uses medium low-res.

From the reports you will see the source is a drone at https://maps.app.goo.gl/V13KSbVLSgSKGf937 thus takes multiple images at different zoom and resolution, thus the zoomed one is a different scale. With 96 dpi canvas the smaller can NOT be from the bigger one. In the PDF they are both poor quality.

Extract the images and note they come from another linked high res resource. Also note the images in my case will be different as these are from an older working 2020 version, not a newer 2024 reproduction.

enter image description here

Upvotes: -1

Related Questions