javascript - 防止操作画布时无响应

Question

我想将一个大图像拆分为多个较小的图像，然后对这些较小的图像执行一些数据操作。第二部分很好，因为我可以将数据传递给网络工作者，但是图像的分割使用画布（所以没有网络工作者），并且在运行时使页面的其余部分无响应。

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

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

Answer 1

一次简单地使用getImageData较小的矩形，你会变得更好。

确定合适的尺寸需要一些时间，但首先尝试 200x200 和 400x400。

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