Добрый день,
имею конструкцию, в которой мне надобно загрузить одну и ту же картинку в несколько канвасов (все скрыты display:none
, потом с ними сделать некоторые преобразования, а потом показывать по одному в зависимости от обстоятельств.
Важный момент, сама картинка лежит в переменной JS.
Сейчас я делаю так:
function ID(id) { return document.getElementById(id); }
// ...
let ctx_0 = ID("MainInitFrame_0").getContext("2d");
let img_0 = new Image();
img_0.src=MainInitFrame_Data;
ctx_0.drawImage(img_0, 0, 0);
let ip_0 = ctx_0.getImageData(0, 0, X_Size, Y_Size).data;
но, содержимое ip_0 не всегда содержит картинку.
Попробовал через onload - тоже не получилось...
Полный пример лежит по адресу
https://www.elegant-nmr.com/tst/l.html
Скажите, пожалуйста, есть ли способ синхронной загрузки картинки из переменной
img_0.src=MainInitFrame_Data;
Спасибо!