Resolution property not working!

[idesignzone]

Hello.
Thank you for the handy plugin. However when I am on mobile device and open the camera, size of the view seems to be fixed and resolution property don't have any effect on it.
Any suggestions to edit the snapshot size on mobile camera?

[BastiaanJansen]

On what devices are you experiencing this problem?

[vito-vanhecke]

@BastiaanJansen
Hi I have this scaling problem that I don't know how to solve.
Please look at the picture below:

When taking a picture, the picture is not the same aspect ratio as the preview.
I thought I could fix this by setting the resolution property, but that does not work...
Any thoughts on this?

[rammzess13]

@BastiaanJansen Hi I have this scaling problem that I don't know how to solve. Please look at the picture below:

When taking a picture, the picture is not the same aspect ratio as the preview. I thought I could fix this by setting the resolution property, but that does not work... Any thoughts on this?

I had same issue for portrait orientation. Fixed it by setting static resolution for Camera component whatever the orientation is:
<Camera :resolution="{ width: 1280, height: 720 }" />

and dynamic while taking snapshot:

function calculateResolution () {
  const ratio = window.innerWidth / window.innerHeight

  if (ratio > 1) {
    return { width: 1280, height: 720}
  } else {
    return { width: 720, height: 1280}
  }
}

const blob = await camera.value?.snapshot(calculateResolution(), 'image/jpeg', 0.8)