活性二维画布

Question

我正在使用具有基础3d空间表示形式但在2d中呈现其自身视图的工具。 屏幕上可能一次有多达1000个形状。 我在使视图与模型保持同步方面遇到麻烦，因此我想开始使用反应式解决方案（例如Konva for React），但是它并不是特别出色。

是否有任何可响应的webgl或其他性能更高的解决方案，可以让我拥有某种状态并可靠地渲染反映该状态的画布？ 还是我只是从错误的方向解决这个问题？

Answer 1

我不知道您希望表现如何。

我为没有lib的项目使用画布构建了一个2d引擎。 我有一个渲染画布本身的主要组件。 然后，我使用redux进行绘制。 所有业务逻辑都在减速器上完成。 对我来说，它的表现很不错。 然后我有一个文件来绘制减速器派生的内容。

所以流程就像。 Canvas.js->操作-> reduxMiddlewares-> reducers-> Drawer.js