Мне нужно перевести черно-белое изображения в вектор, состоящий из 1 и 0 Написал функцию, которая принимает на вход путь к файлу и возвращает массив из 1 и 0.
function readImg(file) {
ctx.clearRect(0, 0, draw.width, draw.height);
var img = new Image(),
convert = [];
img.onload = function() {
ctx.drawImage(img, 0, 0);
var imgdata = ctx.getImageData(0, 0, draw.width, draw.height).data;
for (var i = 0; i < img.width * img.height; i++) {
if (imgdata[i*4] > 0)
convert.push(0);
else
convert.push(1);
}
}
img.src = file;
return convert;
}
Но вот проблема, если я пытаюсь дальше работать с этим массивом, то его как бы не существует. К примеру:
var temp = readImg("img.png");
console.log(temp.length) //Выведет "0"
Получается, что массив convert
возвращается пустым и не успевает заполнится, т.к. функция img.onload
еще не выполнилась.
UPD: Прочитал про Promise, попытался прикрутить его к моему коду
function readImg(file) {
return new Promise(function(resolve, reject) {
ctx.clearRect(0, 0, draw.width, draw.height);
var img = new Image(),
convert = [];
img.onload = function() {
ctx.drawImage(img, 0, 0);
var imgdata = ctx.getImageData(0, 0, draw.width, draw.height).data;
for (var i = 0; i < img.width * img.height; i++) {
if (imgdata[i*4] > 0)
convert.push(0);
else
convert.push(1);
}
resolve(convert);
}
img.src = file;
});
}
Теперь использую эту функцию так
readImg("img.png").then(function (result) {
console.log(result);
});
Результат выводит правильный, но как мне этот result
присвоить другой переменной и использовать дальше? Я хочу использовать это так:
data = [];
for (var i = 0; i < 3; i++) {
data[i] = [];
readImg(i + 1 + ".png").then(function (result) {
data[i][0] = result; //ошибка Uncaught (in promise) TypeError: Cannot set property '0' of undefined
});
}