In JavaScript possiamo inserire un'immagine in un elemento canvas con semplicità.
La soluzione è la seguente:
'use strict';
const insertImageIntoCanvas = image => {
const canvas = document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext('2d').drawImage(image, 0, 0);
return canvas;
};