Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: @capacitor/camera - After taking a photo (web), a certain border around the photo is cut away. #2069

Open
1 of 3 tasks
Aareonick opened this issue Mar 8, 2024 · 4 comments

Comments

@Aareonick
Copy link

Aareonick commented Mar 8, 2024

Capacitor Version

Latest Dependencies:

@capacitor/cli: 5.7.2
@capacitor/core: 5.7.2
@capacitor/android: 5.7.2
@capacitor/ios: 5.7.2

Installed Dependencies:

@capacitor/cli: 5.5.1
@capacitor/android: 5.5.1
@capacitor/core: 5.5.1
@capacitor/ios: 5.5.1

Other API Details

npm v10.2.4
node v20.11.1

"@capacitor/android": "5.5.1",
"@capacitor/browser": "5.1.0",
"@capacitor/camera": "5.0.7",
"@capacitor/core": "5.5.1",
"@capacitor/device": "5.0.6",
"@capacitor/filesystem": "5.1.4",
"@capacitor/ios": "5.5.1",
"@capacitor/network": "5.0.6",
"@capacitor/splash-screen": "5.0.6",
"@capacitor/status-bar": "5.0.6",
"@capacitor/toast": "5.0.6",
"@capawesome/capacitor-app-update": "5.0.1",
"@capawesome/capacitor-photo-editor": "5.0.0",
"@capgo/capacitor-native-biometric": "5.1.0",
"@ionic/pwa-elements": "3.2.2",

Platforms Affected

  • iOS
  • Android
  • Web

Current Behavior

After taking a photo (web), a certain border around the photo is cut away.

Before taking the photo:
afbeelding

Result after taking the photo:
afbeelding

Expected Behavior

Not cutting out certain borders after taking the photo or don't show the certain edges when taking the photo so that the result is the same in the end.

Project Reproduction

Seems to depend on what kind of camera (hardware) is used.

Reproduction added because it is required:
test-case.zip
(Newest versions used with reproduction. Use 'npm i' for installing the packages and 'ng serve' to run the application.)

Additional Information

The hardware/software used to reproduce the problem:

Surface Book 3
Windows 11 Pro

Other additional Information:

This problem doesn't seem to occur with every camera (hardware). On the Surface Book 3, the problem only occurs with the device's front camera, but not with the rear camera. For other devices (from customers), the problem occurs with the camera on the back of the device instead of the front camera.

In addition, when comparing on devices where there are no problems, it seems that the display for taking the photo is always like the result for "result after taking the photo" (see photo). Perhaps the problem seems to be that in certain situations or hardware that the camera sometimes zooms out (adds certain borders) resulting in a photo that misses certain borders.

Copy link

ionitron-bot bot commented Mar 11, 2024

This issue needs more information before it can be addressed. In particular, the reporter needs to provide a minimal sample app that demonstrates the issue. If no sample app is provided within 15 days, the issue will be closed.
Please see the Contributing Guide for how to create a Sample App.
Thanks! Ionitron 💙

@Aareonick
Copy link
Author

Aareonick commented Mar 11, 2024

We need some time to request a surface book from system management, to install a development environment on it and then see whether the problem can be reproducible on it so that we can deliver this code/reproduction to you.

However, we think that the problem depends on the hardware used and not the software setup.

@Aareonick
Copy link
Author

Added reproduction.

@Tjax33
Copy link

Tjax33 commented Mar 18, 2024

Came here as I noticed the same on my android.
I crop an image from my gallery and capacitor will cut off the image when uploading.

I go into my phone gallery and the image remains perfect

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants