reactjs - Canvas 库如何适应 Flux 模式和 React?

标签 reactjs fabricjs flux

我喜欢 Flux 专注于关注点分离和单向数据流,但这也让我想知道我应该如何合并像 fabricJS 这样的 Canvas 库.

FabricJS 在 native Canvas 元素上创建对象模型以扩展和简化功能。我的问题是是否在 View (React 组件)中初始化 FabricJS Canvas 元素并直接在 View 中处理 Canvas 上的所有操作,并且仅存储和更新 Canvas 状态在查看所有 Canvas 操作,然后将其注册到 Store 并使用 View 来分派(dispatch)操作?

最佳答案

只需发送操作来存储并监听 Canvas 的更改(如果有更新) - 更新 Canvas 。一切都开始行动,行动调用存储它保存数据并发出更改。组件监听更改并更新其状态和 View 。

关于reactjs - Canvas 库如何适应 Flux 模式和 React?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30186836/

相关文章:

javascript - 如何在 Flux 中正确链接操作 (alt)

javascript - Fabric.js 中修改了哪个对象

javascript - Redux 数据结构

javascript - 如果我开始使用 React/flux,是否应该从头开始重新创建所有页面(html 和 css)?

javascript - 如何应用一些样式属性取决于条件样式组件

javascript - 无法在 Canvas (fabric.js) 的裁剪区域之外查看选择器控件

javascript - FabricJS:组中圆圈不透明度的错误?

javascript - 如何在 React 中创建可过滤表

javascript - 状态值停止在 UseEffect Hook 内更新 - Gatsby/React

javascript - 如何在语义 react 下拉列表中使用 onChange 方法