我目前在我的React应用程序中使用CreateJS / EaselJS。
我有一个用例，必须在画布（舞台）上绘制很多1px by 1px矩形。
例如，在500x500画布上，我有250000点可填充该画布。在背景上，每个点都是一个具有{posX, posY, color}的对象。颜色由Data Normalization和Color Interpolation确定。我的用例是每个点的颜色将根据范围滑块的值而改变。
我的问题是每次绘制约100000-150000点非常具有挑战性，而我所看到的性能却很糟糕。这是Stackblitz（如果Stackblitz无法正常工作，请进入Stage.js文件并在某个位置添加一个空格，然后保存）。我在drawPoints()上的Stage.js方法上绘制点，并在滑块的每个更改值上重绘它。据我了解，我无法真正缓存随颜色变化而绘制的Point。
在这里我可以做些什么来提高性能？
我真的很感谢任何建议。谢谢