Как нарисовать изображение на Canvas?

1
2

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

1
2

const img = new Image();
img.src = 'path/to/image';

1
2
3

img.onload = function() {
  // Код для рисования изображения на Canvas
};

1

ctx.drawImage(img, x, y, width, height);

1
2
3
4
5
6
7
8
9

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

const img = new Image();
img.src = 'path/to/image';

img.onload = function() {
  ctx.drawImage(img, 0, 0);
};