【问题标题】:React Native - Save image with overlay stickerReact Native - 使用覆盖贴纸保存图像
【发布时间】:2018-04-21 06:54:29
【问题描述】:

我有一个用例,我想在用户从他/她的存储中选择(或用相机拍摄)的图像上放置一个贴纸,并将结果上传到网络服务。

理想情况下,用户可以根据需要拖动贴纸将其放置在图像上,甚至可以捏合缩放和旋转,但最起码​​的操作是将贴纸覆盖在 Image 组件中的固定位置,然后将结果保存到要上传的文件中。

有人知道这样做的方法吗?我已经搜索了很多,但还没有弄清楚。到目前为止,我最好的选择是使用嵌套图像向用户显示结果

<Image source={[USER_IMAGE]} style...>
  <Image source={[STICKER]} />
</Image>

然后在后端的画布上绘制并保存结果。

【问题讨论】:

  • 我也想知道这个。

标签: javascript reactjs image-processing react-native expo


【解决方案1】:

所以我最终为此使用了react-native-gesture-handler,例如be found here。从那以后我已经更新了它,但是那份零食应该足以让其他人去:-)

【讨论】:

  • 这是我可以拖动和放置贴纸的部分,但是如何保存如何保存带有叠加层的图像?
  • @DarshanJain 将 https://docs.expo.io/versions/v35.0.0/sdk/take-snapshot-async/ 用于 Expo 或 https://github.com/gre/react-native-view-shot
  • 但我不想在我的项目中使用 Expo 模块
  • 然后用另一个? :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-25
  • 2021-07-30
  • 2020-07-11
  • 1970-01-01
  • 2023-03-23
  • 1970-01-01
相关资源
最近更新 更多