JavaScript: inserire un'immagine in un elemento canvas

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;
};

Torna su