活性二維畫布

Question

我正在使用具有基礎3d空間表示形式但在2d中呈現其自身視圖的工具。 屏幕上可能一次有多達1000個形狀。 我在使視圖與模型保持同步方面遇到麻煩，因此我想開始使用反應式解決方案（例如Konva for React），但是它並不是特別出色。

是否有任何可響應的webgl或其他性能更高的解決方案，可以讓我擁有某種狀態並可靠地渲染反映該狀態的畫布？ 還是我只是從錯誤的方向解決這個問題？

Answer 1

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

我為沒有lib的項目使用畫布構建了一個2d引擎。 我有一個渲染畫布本身的主要組件。 然后，我使用redux進行繪制。 所有業務邏輯都在減速器上完成。 對我來說，它的表現很不錯。 然后我有一個文件來繪制減速器派生的內容。

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