Javascript 反应-如何在浏览器中处理昂贵的任务（画布操作）？
我正在使用react作为一个小应用程序，其中我渲染了默认图像的8个不同的饱和图像 我编写了转换和生成器函数，能够完美地渲染较小的图像（例如100kB），但当我对较大的图像执行相同操作时，它显然会将网页挂起约10-15秒。我使用CanvasAPI来进行这些转换，所以基本上是将图像按像素方式读入画布，操纵每个像素，并重新生成不同的画布 我在看有没有什么解决办法？（即加工时不应挂起） 如果图像同步地一个接一个地生成（延迟2-3秒后），我很好，因此我认为一个可能的解决方案是仅在渲染前一个子对象时渲染react子对象 问题:- 有没有更好的方法在浏览器上处理这些图像处理任务？ 如果没有，我如何将我的当前任务落实到react中？ 任何例子都将不胜感激 注意：我不想把这些图片上传到服务器上Javascript 反应-如何在浏览器中处理昂贵的任务（画布操作）？,javascript,reactjs,image,canvas,image-manipulation,Javascript,Reactjs,Image,Canvas,Image Manipulation,我正在使用react作为一个小应用程序，其中我渲染了默认图像的8个不同的饱和图像 我编写了转换和生成器函数，能够完美地渲染较小的图像（例如100kB），但当我对较大的图像执行相同操作时，它显然会将网页挂起约10-15秒。我使用CanvasAPI来进行这些转换，所以基本上是将图像按像素方式读入画布，操纵每个像素，并重新生成不同的画布 我在看有没有什么解决办法？（即加工时不应挂起） 如果图像同步地一个接一个地生成（延迟2-3秒后），我很好，因此我认为一个可能的解决方案是仅在渲染前一个子对象时渲染re