Задать вопрос
@joyrax-dev

Как нарисовать картинку в canvas?

Пытаюсь нарисовать картинку в canvas:

let img = new Image()
img.src = "path/to/img.jpg"
ctx.drawImage(img, x, y);

Картинка подгружается в память, ибо срабатывает событие у объекта Image onload, я его отслеживал, но в сам canvas ничего не рисовало, хотя всякие круги и прямоугольники нарисовать получается.
  • Вопрос задан
  • 95 просмотров
Подписаться 1 Простой Комментировать
Решение пользователя szQocks К ответам на вопрос (2)
szQocks
@szQocks
Скорее всего ошибка в путях, либо не верно отслеживал событие.

const canvas = document.createElement('canvas');
canvas.width = 500;
canvas.height = 500;

const ctx = canvas.getContext('2d');

document.body.append(canvas);

let img = new Image();
img.onload = () => {
  ctx.drawImage(img, 0, 0);
}
img.src = "https://i.pinimg.com/originals/87/48/07/874807f8cb45e17f44312eb761261ad9.jpg";
Ответ написан
Комментировать