使用 gl-react-image 旋转图像

loi*_*pez 7 javascript react-native expo

为什么旋转应用于我的图片?

尺寸如下:

               Object {
13:06:33 [exp]   "height": 3264,
13:06:33 [exp]   "uri": "file:///var/mobile/Containers/Data/Application/8196F3EA-3555-476F-B70F-E76CBBFBB3F8/Library/Caches/ExponentExperienceData/%2540devlyl%252Flyl/Camera/5FA1D6E2-D99E-4675-AF6E-CB96A2367015.jpg",
13:06:33 [exp]   "width": 1836,
13:06:33 [exp] }
Run Code Online (Sandbox Code Playgroud)

相机拍照结果:https : //imgur.com/a/I152DXU

与 GLImage 一起显示:https ://imgur.com/a/PL7EumH

相关github问题:https : //github.com/gre/gl-react-image/issues/22

编辑1:

我找到了使用react-native-gl制作 intagram 过滤器的相关教程:

https://www.youtube.com/watch?v=AMAJLgafs6U

loi*_*pez 0

也许是一个可能的解决方案,如:github.com/gre/gl-react-image/issues/22

我遇到了与此类似的问题,我通过在将其作为制服传递之前调整图像大小来修复它。虽然我只使用“gl-react”而不是“gl-react-image”中的标准节点。
3264 x 1836 相当大,所以我认为这也是您的问题。尝试将其减半。
可以在博览会上通过https://docs.expo.io/versions/latest/sdk/imagemanipulator/完成

对于非 Expo 用户,可以使用以下命令调整图像大小:bamlab/react-native-image-resizer