<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="canvas">
</body>
<script type="text/javascript">
const canv = document.querySelector('#canvas')
const context = canv.getContext('2d')
const image = new Image()
image.src = "../img/image/main.png"
context.drawImage(image, 0, 0)
</script>
</html>
Самое интересное, что когда я закомментировал этот код и вставлял каждую команду в консоли, то всё нормально работает, а через код оно вообще не работает. Даже в консоли ничего не выводится.
context.drawImage()
поместите вimage.onload
. К тому моменту как загрузится изображение и появятся данные для для использования, код уже не выполняется..onload
мы вешаем событие на полную загрузку данных, а затем используем их.