相当于 React Native 中的“画布”

Question

我目前正在开发基于 React-Native 的图像处理移动应用程序。但是，我在 React-Native 官方网站上找不到任何关于图像裁剪、缩放、平移和保存功能（可以通过 HTML5 画布元素轻松实现）的相关文档。

我也做了一些谷歌搜索，但只找到一个“未维护的”react-native-canvas（ https://github.com/lwansbrough/react-native-canvas ）。 React Native 中是否有任何等效的“画布”？

原文由 user6318446 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

react-native-canvas 这里是维护者。由于提出了这个问题，库中发生了很多变化：它是 React Native 最完整和兼容的画布组件，具有 Path2D 和渐变等高级功能，并且与默认的 Web 视图画布不同，它以高 DPI 呈现.

与其他 React Native 组件相比，该组件速度较慢，因为在后台它使用 WebView 进行渲染。与它的通信经过优化，在许多方面类似于 React Native 呈现原生视图的方式。权衡是该库不需要任何本机安装，仅依赖于 React Native JavaScript 运行时和本机 WebView

有一个想法是在 React Native JavaScript 运行时中渲染画布，尽管之前没有人在 JavaScript 运行时上制作过完整的非 DOM 画布，因此需要付出相当大的努力才能实现。

根据我们在 K Health 的经验，可以为响应式用户交互渲染足够快的图形，但对于完整动画来说不够快。该组件在我们拥有数千名用户的应用程序中使用。

react-native-canvas 的贡献者和用户，包括我自己，都非常愿意提供帮助，如果您有任何问题，可以随时打开问题或发送电子邮件。

原文由 Iddan Aaronsohn 发布，翻译遵循 CC BY-SA 4.0 许可协议