JS新图像（如果不在缓存中）

Question

我正在通过XHR加载一些图像，并在画布元素上按顺序播放它们。

我先预加载图像，然后预加载所有图像，然后为每个图像调用

const im = new Image();
im.src = image;
ctx.drawImage(im ,0,0);  

其中图片是Blob网址

问题是，当动画循环播放时，浏览器会为每个帧发出新请求。处理完图像后，它不需要时间，但会不断生成数千个请求。

我仍然无法将blob url传递到画布，因为它不支持它，并且如果我尝试对实际图像url进行路径设置，则它不起作用，因为这些URL未预加载，因此只有blob url。

如果缓存了src url，是否可以通过new Image（）忽略请求？

谢谢

P.S。要澄清

由于图像是第一次预加载，因此实际上是预加载的

当我调用new Image（）并将blobUrls作为src传递时，它们是从缓存加载的