HTML Canvas не рисует BMP -изображение ⇐ Javascript

[Anonymous]

Я пытаюсь обрезать изображение BMP и нарисовать его внутри HTML -холста, а затем нарисую на нем несколько линий. Проблема заключается в том, что холст не рисует изображение, но он рисует строки. 1000x1000px изображения внутри Canvas (так что оно должно быть полностью черным):
display.html:

Код: Выделить всё

Test







Canvas is not supported.

display.js:

Код: Выделить всё

function displayTraj(){
var map = new Image();
map.src = "../db/France11.bmp";
map.onload = draw;
}

let draw = ( e ) => {
var canvas = document.getElementById('myCanvas');
canvas.width = 1000;
canvas.height = 1000;
canvas.getContext('2d').drawImage(e.target,
0, 0,
1000, 1000,
0, 0,
1000, 1000
);
}

Получающаяся страница:

Мы видим, что Canvas все еще пустые, но в разделе «Сетеви». из 1000x1000px, поэтому функция рисования была выполнена. < /p>
Я пытался: < /p>

разные размеры => не работает < /li>
Маленькие случайные изображения PNG => works < /li>
Показать целую BMP внутри «Img». /> < /ul>
Каждое решение в веб -странице рассказывает о ожидании загрузки изображения сервером, которая выполняется линейкой "map.onload" (я также пытался с Window.AddeventListener). < /p>
Я на firefox 140.0.4 на Ubuntu. < /p>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -bmp-image