How to insert an image into canvas?

Question

JavaScript

Please tell me if it is possible to insert an arbitrary image instead of points, indicating the path to it. And if possible, tell me where to dig.
Example:
codepen.io/acauamontiel/pen/mJdnw

Answer 1

I decided

var img = new Image();   // Создаём новый объект Image
img.src = 'imgcss/wide.png'; // Устанавливаем путь к источнику
context.drawImage(img, this.x, this.y, 50, 26); //рисуем картинку в канвас