Я загружаю некоторые изображения через XHR и играю их как последовательность на элементе canvas.
Сначала я загружаю изображения, а после того, как все изображения предварительно загружены, я вызываю каждое изображение
const im = new Image();
im.src = image;
ctx.drawImage(im ,0,0);
, где image - URL-адрес BLOB-объекта
Проблема в том, что при цикле анимации браузер делает новые запросы для каждого кадра. Поскольку изображения сгруппированы, это не занимает много времени, но непрерывно создает тысячи запросов.
Я все еще не могу передать URL-адрес большого двоичного объекта на холст, поскольку он не поддерживает его, и если я попытаюсь указать фактический URL-адрес изображения, он не будет работать, поскольку эти URL-адреса предварительно не загружены, только URL-адреса больших двоичных объектов.
Есть ли способ пропустить запрос с новым Image (), если src url кэшируется?
Спасибо
P.S. Уточнить
Поскольку изображения предварительно загружены в первый раз, они фактически предварительно загружены
И когда я вызываю new Image () и передаю blobUrls как src, они загружаются из кеша
