Задать вопрос
@SpeNch
canvas

Почему ошибка при вызове drawImage?

Почему ошибка при вызове drawImage?

<body></body>
<script>
const canvas = document.createElement('canvas')
canvas.width = 400
canvas.height = 300
document.body.appendChild(canvas)
var ctx = canvas.getContext('2d')
const setBg = () => ctx.drawImage("https://mdn.mozillademos.org/files/225/Canvas_drawimage.jpg", 0, 0)
const background = document.createElement('img')
background.setAttribute('crossorigin', 'anonymous')
background.onload = setBg
const downloader = document.createElement('a')
downloader.style.display = 'none'
document.body.appendChild(downloader)
downloader.download = 'myimage.png'
setTimeout(() => {
	ctx.drawImage("https://mdn.mozillademos.org/files/225/Canvas_drawimage.jpg", 0, 0)
	save();
}, 2000)

function save() {
	downloader.href = canvas.toDataURL()
	downloader.click()
}
</script>
  • Вопрос задан
  • 30 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Skillbox
    Разработчик игр на Unity с нуля
    3 месяца
    Далее
  • OTUS
    Android Developer
    10 месяцев
    Далее
Решения вопроса 1
twobomb
@twobomb
Потому-что туда не ссылку нужно давать а объект Image.
Типа такого
let img = new Image();
img.src = "https://mdn.mozillademos.org/files/225/Canvas_drawimage.jpg",
img.onload = function(){
  ctx.drawImage(img, 0, 0)
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
IT-архитектор
АВ Софт • Москва
от 300 000 ₽
Маркетинговый аналитик
МТС Web Services • Грозный
от 60 000 ₽
Senior DWH Analyst
Анвио Парк
от 200 000 до 300 000 ₽
Ещё вакансии