Получаю bitmap:
var imageObj = new Image();
imageObj.onload = function () {
var width = imageObj.width,
height = imageObj.height;
var canvas = document.createElement( 'canvas' );
canvas.width = width;
canvas.height = height;
var context = canvas.getContext('2d');
context.drawImage( imageObj, 0, 0 );
var bitmap = context.getImageData( 0, 0, width, height ).data;
// [ r, g, b, a, ... ]
};
imageObj.setAttribute( 'crossOrigin', '' );
imageObj.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg';
Получаю одномерный массив, в котором каждому пикселю соответствует 4 элемента:
R, G, B и A (альфа-канал)
Но какой порядок кодирования пикселей?
Первый пиксель - в каком углу изображения находится?
PS Да, есть стандарт PNG, но я в английском не силен там что-то найти...
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости