使用 gl-react-image 旋转图像答案

【问题标题】：Rotation of image with gl-react-image使用 gl-react-image 旋转图像
【发布时间】：2018-12-27 14:58:02
【问题描述】：

为什么要对我的图片应用旋转？

尺寸如下：

               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] }

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

使用 GLImage 显示： https://imgur.com/a/PL7EumH

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

EDIT1：

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

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

【问题讨论】：

您好，您找到解决方案了吗？
你在使用 react-native-camera 吗？安卓还是iOS？
在我的项目中，它发生在IOS上，没有测试过Android。照片来自哪里并不重要。我想这与测量有关。
我在 android 上也遇到了这个问题，这似乎是一个 react-native 错误 github.com/react-native-community/react-native-camera/issues/…。我通过编码检查高度、宽度和旋转图像来解决问题
你有reprex (stackoverflow.com/help/minimal-reproducible-example)吗？

标签： javascript react-native expo

【解决方案1】：

也许是一个可能的解决方案，如：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

【讨论】：