JimmyDaddy / react-native-image-marker

🙈Adding text or icon watermark to your image using React Native👀👀
https://jimmydaddy.github.io/react-native-image-marker/
MIT License
328 stars 94 forks source link

Rotate image after adding watermark #223

Open qq382724935 opened 9 months ago

qq382724935 commented 9 months ago

Describe the bug Automatically rotate watermark after taking photos。

Expected behavior no rotate

Screenshots

Camera perspective watermark (1)

Devlopment environment(please complete the following information):

Smartphone (please complete the following information):

Additional context

https://github.com/JimmyDaddy/react-native-image-marker/assets/24310904/2aad333a-ebe2-4975-a971-bb8c13039e74

qq382724935 commented 9 months ago

Marker.markText({ quality: options.quality, backgroundImage: { src: data.uri, scale: 1, }, watermarkTexts: [ { text: 'watermark', positionOptions: { position: Position.center, }, style: { color: '#FF0000', fontName: 'Arial-BoldItalicMT', fontSize: 88, shadowStyle: { dx: 0, dy: 0, radius: 0, color: '#0000FF', }, textBackgroundStyle: { type: TextBackgroundType.stretchX, paddingX: 0, paddingY: 0, color: '', }, }, }, ], })

JimmyDaddy commented 9 months ago

你好,能把原图传给我吗?我晚些时候试试看,找一下原因

qq382724935 commented 9 months ago

772039C9-5D6F-43EA-BFBE-3CFD4CD8F763 这是原图,但是好奇怪,我把文件上传到oss,想提供在线链接给你,方便测试,而我自己测试时发现使用oss在线地址加水印是正常的。。。但是我读取手机上本地文件路径确实是会旋转的。

qq382724935 commented 9 months ago

file:///var/mobile/Containers/Data/Application/8029244F-9365-4AFB-9FB3-68733FFBB376/Library/Caches/Camera/772039C9-5D6F-43EA-BFBE-3CFD4CD8F763.jpg 这是拍照后本地的存储地址,你看下是否有帮助

wjm117 commented 3 months ago

确实会出现旋转的问题,我也遇到了,而且ios添加水印后的图片会变得很大,原本不到2m的图片,调用水印接口后可以到30多40m.

shubhadeep29 commented 2 months ago

issue image.zip

Check the image inside the zip. When I use it as a background image to add a watermark, the background image gets rotated, which happens only on iOS.

output: Screenshot 2024-08-31 at 6 32 27 PM

shubhadeep29 commented 2 months ago

@JimmyDaddy can I get some help here?