防止在操作画布时无响应

Question

我想将一个大图像分割成多个小图像，然后在这些小图像上执行一些数据操作。第二部分很好，因为我可以将数据传递给web-worker，但图像的拆分使用canvas (所以没有web-worker)，并使页面的其余部分在运行时没有响应。

这实际上不是问题，除非加载动画暂停，使其毫无意义。

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

Answer 1

只需一次使用带有较小矩形的getImageData，您就会过得更好。

找出一个合适的尺寸需要一些时间，但对于初学者来说，可以尝试200x200和400x400。

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