search

mozmorris / react-webcam

Webcam component
https://codepen.io/mozmorris/pen/JLZdoP
MIT License
1.63k stars 281 forks source link

How can I use maximum resolution of the device when capturing a screenshot? #368

Open gkrialashvili opened 1 year ago

gkrialashvili commented 1 year ago

I have a problem when I want to capture the screenshot on small devices, the image gets stretched and has a horrible quality afterward. So I just want to send captured image with full resolution and quality to a post call and show smaller resolution image to user. But anything I do image looks horrible.

https://codepen.io/gkrialashvili/pen/KKxzBdg (child webcam component)

https://codepen.io/gkrialashvili/pen/RwYaBWO (Parent)

gkrialashvili commented 1 year ago

msg892843788-78053 msg892843788-78052

ManuLpz4 commented 1 year ago

Same here

Martinnord commented 1 year ago

I'm also curious about this. Has anyone made any progress?

ManuLpz4 commented 1 year ago

I'm also curious about this. Has anyone made any progress?

We are using react-camera-pro but I'm not happy with the solution

nicholas-aponte commented 10 months ago

This is not a quality problem, its that you are trying to squeeze a large image in a small container. You need to downscale the img and make sure your container has the same aspect ratio