操作画布时防止无响应

Question

我想将大图像分割成许多较小的图像，然后对这些较小的图像执行一些数据处理。第二部分很好，因为我可以将数据传递给Web工作者，但是图像的分割使用了canvas（因此没有web-worker），并且在页面的其余部分运行时没有响应。

这不会是一个问题，除了加载动画暂停，使其毫无意义。

在不冻结GUI的情况下，执行图像分割画布操作的最佳方法是什么？

Answer 1

一次只需使用较小的getImageData，您就会更好。

需要一些时间来确定合适的尺寸，但尝试200x200和400x400的初学者。

您可以在处理完每个5/10/15/20％图像时更新加载动画。