Fatal编程技术网
  • canvas/
  • Canvas 相当于；帆布“；以自然反应

Canvas 相当于；帆布“；以自然反应

canvas react-native

Canvas 相当于；帆布“；以自然反应,canvas,react-native,Canvas,React Native,我目前正在开发一款基于React Native的图像处理移动应用程序。但是，我在React本地官方网站上找不到任何关于图像裁剪、缩放、平移和保存功能（可以通过HTML5画布元素轻松实现）的相关文档 我也做了一些google搜索，但只找到了一个“未维护”的react原生画布（）。在React Native中是否有与“画布”等价的内容 有几个选项“相似”，但并不完全相同。我的建议是 -感觉非常像我们都熟悉的SVG web组件。你可以用这个库做很多事情，甚至动画 （React本机版本）-React艺

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

我也做了一些google搜索，但只找到了一个“未维护”的react原生画布（）。在React Native中是否有与“画布”等价的内容

有几个选项“相似”，但并不完全相同。我的建议是

  • -感觉非常像我们都熟悉的SVG web组件。你可以用这个库做很多事情，甚至动画

  • （React本机版本）-React艺术库的“React本机”版本，它是艺术库的扩展。它随React Native一起提供，但我认为它尚未集成到默认设置中，因此它位于node_modules文件夹中，需要导入到XCode中（讨论如下）。我通常会将项目文件从其所在的node_modules文件夹（
    node_modules/react native/Libraries/ART/ART.xcodeproj
    ）拖到react native XCode项目导航器的Libraries文件夹中。如果它要求复制资源，请单击“是”。然后，进入项目设置文件->常规->链接的框架和库，然后按加号图标。搜索艺术并将其作为依赖项添加

注意：如果您最近几个月刚开始使用react native，遵循官方的“入门”指南，默认指南是使用“expo”。默认情况下，包含在世博会建筑中。因此，使用它会简单得多。

好吧，两年后，你有了一个新的选择：

此“GCanvas”是为运行canvas2d和WebGL API的本机环境而设计的

看

react native canvas
此处为维护人员。自从提出这个问题以来，库中发生了很多变化：它是React Native最完整、最兼容的画布组件，具有高级功能，如
Path2D
和渐变，与默认的web视图画布不同，它以高DPI渲染

与其他React本机组件相比，该组件速度较慢，因为它在幕后使用
WebView
进行渲染。不过，与it的通信得到了优化，在许多方面类似于React Native渲染本机视图的方式。取舍是该库不需要任何本机安装，只依赖于React本机JavaScript运行时和本机
WebView

有一个想法是在React Native JavaScript运行时中呈现画布，尽管之前还没有人在JavaScript运行时上完成过一个功能，因此需要相当多的努力才能实现

根据我们在K Health的经验，可以渲染足够快的图形以进行响应性用户交互，但渲染速度不足以进行完整动画。该组件用于我们拥有数千用户的应用程序中

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

由于阿里巴巴GCanvas及其最终版本打破了Android上的编译，npm软件包就来了

经过几个月的工作，它在Android和iOS上运行良好，修复了几个bug，并在Android、iOS和Web上添加了
feat:support drawImage（）（来自require（'some.png'））
，详细内容见README.md中的重构

通过在Android、iOS和Web上运行易于移植的示例，
@flyskywhy/react native gcanvas
是目前的最佳选择：p

这看起来是一个有趣的项目，但似乎还没有准备好投入生产使用。我无法让它在iOS或Android上编译，而且文档有点稀疏。不过，当它准备好的时候可能会非常好。@Jules您能提供关于构建失败的更多信息吗？环境和错误信息会很好。它管理触摸事件吗？不是从表面上看的documentation@ShaofeiCheng我一直在尝试在ReactNative上制作这个GCanvas，但我也无法让它运行。我刚刚遇到了生成错误，其中RTCGCanvasView.h找不到React/RTCView.h。这些文件会过时吗？我很想尝试一下这个库，因为我需要RN->Canvas通信性能。我已经设法让这个库编译并使用这个fork:。到目前为止，性能似乎非常出色。
react native canvas
似乎正在维护中——2017年发布了一个新版本，最近发布了一个错误修复程序。然而，根据我的经验，它非常慢，因此除了最简单的应用程序外，可能对任何应用程序都没有用处。@Jules react中向量的正确方法是什么？svg？帆布？巴布亚新几内亚？我想制作一个三角形的背景图像，没有质量损失，同时也很轻。React Native ART的主要问题是它似乎完全没有文档记录。有一个项目可以为它编写文档，这可能很有用。现在似乎有一些关于艺术的文档，但是的，仍然需要一些工作。我正在创建一个RN项目，它从相机卷上拍摄图像并对其进行处理。在浏览器中，这通常是通过获取图像数据，对其进行操作，然后将其写入画布来完成的。你认为我可以用你的图书馆来实现这一点吗？我可以用phantomjs做一些其他的黑客操作，处理图像，保存它们，然后取回它们，但我更愿意用RN来完成。是的，我想你可以。非常感谢你的回复！我将继续使用它进行实验。react-native-canvas看起来很有用，但我无法在300x150矩形之外绘制。整个画布确实以正确的背景色显示，但是我的beginPath/m