[Bug]: Image is clipped when data url is generated from canvas - Android/iOS

[andrewskr90]

Capacitor Version

Latest Dependencies:

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

Installed Dependencies:

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

Other API Details

npm -v
10.2.4

node -v
v18.19.1

Platforms Affected

• iOS
• Android
• Web

Current Behavior

Within Andoid and iOS, generated images that are drawn onto a canvas are clipped after exceeding about 100px in height. The images that are clipped are generated using the context.drawImage() method. Both the image and canvas are able to be rendered within the UI; only the base64, data url generated from the canvas API is being clipped. The issue is not apparent within capacitor for web, and not apparent in our cordova version of the app

Expected Behavior

JS Canvas' context.drawImage() method should generate a data url which includes the full image initially drawn.

Project Reproduction

https://github.com/andrewskr90/capacitor-canvas-bug

Additional Information

No response