我想从主线程上卸载图像加载和调整大小。阅读有关此内容后，看来我的选择是fetch OffscreenCanvas和WebWorker的组合。
到目前为止，我已进入Webworker代码的下一阶段：
-
我将
imageUrl传递给网络工作者，然后提取，这使我可以访问blob格式的图像数据 -
然后我创建一个屏幕外画布以准备调整图像大小（画布是我在网上找到的最常见的方法）
示例代码如下
const response = await fetch(imageUrl);
const blob = await response.blob();
const canvas = new OffscreenCanvas();
在这个阶段我被困住了。到目前为止，我发现的所有示例都使用Image()从url创建图像并访问其宽度/高度值，以及将数据加载到画布上。
就我而言，我只能访问blob，并且由于我们在Webworker中，因此无法创建new Image()，因此我不确定如何进一步进行操作？
理想情况下，下一步是将图像blob加载到画布上，将其大小调整为50％，然后将图像的base64或BlobUrl返回到主线程。