将 FabricJS 与 React-Native 一起使用

Posted

技术标签:

【中文标题】将 FabricJS 与 React-Native 一起使用【英文标题】:Using FabricJS With React-Native 【发布时间】:2017-08-19 08:16:26 【问题描述】:

我有一个基于 ReactJS 并广泛使用 FabricJS 的应用程序。我们计划重用大量代码并使用 React-Native 构建移动应用程序,但我不确定如何将 FabricJS 组件集成到其中。

该应用类似于https://www.my-wallsticker.de/wandtattoo-selber-gestalten/

我找到并使用了https://www.npmjs.com/package/react-fabricjs,但没有任何可用于 React-Native。

有什么解决办法?

【问题讨论】:

你找到任何解决方案了吗,我需要开发相同的画布,在 react native 中放置和编辑文本和图像。 【参考方案1】:

您必须使用带有画布的 WebView(或类似这个库:https://github.com/iddan/react-native-canvas)才能使用 FabricJS 渲染任何内容。

【讨论】:

以上是关于将 FabricJS 与 React-Native 一起使用的主要内容,如果未能解决你的问题,请参考以下文章

使用fabricjs的位图文本

如何使用threejs将fabricjs加载为obj的纹理

将图像拖放到画布(FabricJS)

FabricJS:始终在画布上居中对象

将fabricjs画布转换为base64图像

如何将fabricjs对象转换为不同的文件格式?