如何将 Fabric js 与 React Native 集成?

Posted

技术标签:

【中文标题】如何将 Fabric js 与 React Native 集成?【英文标题】:How to integrate Fabric js with React native? 【发布时间】:2019-06-29 13:25:26 【问题描述】:

我正在为餐厅预订制作一个应用程序,我制作了一个 fabric.js 画布,允许您选择某个桌子,管理员也能够更改桌子并分配它们,但是我不知道如何集成Fabric js 与本机反应?

【问题讨论】:

Using FabricJS With React-Native的可能重复 这些答案已经有将近 2 年的历史了。我很想知道是否有任何新的想法...... @stever 我认为仅仅寻找更新鲜的想法并不一定符合明确的问题陈述。 我不会争论。 @Jose Rojas 将其标记为可能的欺骗。我指出,这些答案可能(已经)过时了——而不是骗人的。如果您看到“明确的问题陈述”,则说明此线程不在主题范围内。 【参考方案1】:

我知道这个问题已经存在两年了,但我想我会为其他可能正在考虑将fabric.jsreact native 集成的人添加一个答案(就像我现在一样)。

不幸的是,由于fabric.js 依赖于存在的 DOM(文档对象模型)和 BOM(浏览器对象模型),它只能在节点或 Web 浏览器环境中工作;因为这些全局对象的任何现有反应本机画布库中都没有任何实现或 polyfill。您可以在the following github issue.上阅读更多相关信息

您的另一个选择是使用 Web 视图组件来呈现网页,但这样做的缺点是它不能提供与原生应用完全相同的体验。

【讨论】:

以上是关于如何将 Fabric js 与 React Native 集成?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React.js 中从 fabric.js 渲染 svg 字符串?

如何使用 Fabric.js 将图像上传到画布?

Node.js SDK与fabric链码交互开发

如何将 fabric.js 对象转换为 SVG

在 Fabric.js 画布上集成 Flash 动画(或派生格式)

Fabric.js如何按图像剪辑