Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应式二维画布_Javascript_Reactjs_Canvas_Webgl - Fatal编程技术网

Javascript 反应式二维画布

Javascript 反应式二维画布,javascript,reactjs,canvas,webgl,Javascript,Reactjs,Canvas,Webgl,我正在开发一个工具,它有一个基本的3d空间表示,但它自己在2d中渲染视图。屏幕上一次可能有多达1000个形状。我无法将视图与模型保持同步,因此我想开始使用反应式解决方案(如Konva for React),但它的性能不是特别好 是否有任何反应式webgl或其他更高性能的解决方案允许我拥有一个状态并可靠地渲染反映该状态的画布?或者我只是从错误的方向处理这个问题?我不知道您希望它的性能如何 我已经为我的项目构建了一个带有画布的2d引擎,没有库。我有一个主要组件来渲染画布本身。然后我用redux来画画

我正在开发一个工具,它有一个基本的3d空间表示,但它自己在2d中渲染视图。屏幕上一次可能有多达1000个形状。我无法将视图与模型保持同步,因此我想开始使用反应式解决方案(如Konva for React),但它的性能不是特别好


是否有任何反应式webgl或其他更高性能的解决方案允许我拥有一个状态并可靠地渲染反映该状态的画布?或者我只是从错误的方向处理这个问题?

我不知道您希望它的性能如何

我已经为我的项目构建了一个带有画布的2d引擎,没有库。我有一个主要组件来渲染画布本身。然后我用redux来画画。所有的业务逻辑都在减速器上完成。对我来说,这是相当出色的表现。然后我有一个文件来画减缩器导出的结果

因此,流程是这样的。
Canvas.js->actions->reduxmiddleware->reducers->Drawer.js

我不知道您希望它的性能如何

我已经为我的项目构建了一个带有画布的2d引擎,没有库。我有一个主要组件来渲染画布本身。然后我用redux来画画。所有的业务逻辑都在减速器上完成。对我来说,这是相当出色的表现。然后我有一个文件来画减缩器导出的结果

因此,流程是这样的。
Canvas.js->actions->reduxmiddleware->reducers->Drawer.js

您也可以使用javascript构建状态等等。你真的不需要反应。这只是你编程的方式。向我们展示你的代码,我们可以帮助你。你也可以用javascript构建状态等等。你真的不需要反应。这只是你编程的方式。给我们看看你的代码,我们可以帮你。