React在画布更新时保持UI响应



所以我有一个类似React和Canvas的图像编辑器,每次拖动滑块等时画布都会更新。但是拖动滑块和与UI交互通常非常缓慢,因为画布更新量很大。有没有办法在后台更新它,同时保持UI的响应性?

我尝试过使用useTransition,但我猜它只适用于渲染组件,而不是更新画布,因为它没有帮助。

不要让React触发画布更新/绘制操作
使用requestAnimationFrame循环渲染画布状态,并从react更新画布状态。

因此,您所有的交互都存储到一些值、数组、对象中,无论您需要什么。

在每个动画帧上,渲染代码都会查看这些数据并(重新(绘制画布内容。

最新更新