const img = new Image();

    img.src = "orangutan.jpg";

    const canvas = document.getElementById("myCanvas");

    const context = canvas.getContext("2d");

    context.drawImage(img, 0, 0);

    console.log(context.getImageData(0, 0, canvas.width, canvas.height));

console.log(canvas.width);

// to create an image, use the Image class

const image = new Image();

​

// you can give an image a source (url/dataurl)

image.src = "https://upload.wikimedia.org/wikipedia/commons/a/a0/W3Schools_logo.svg";

​

// to create an image element, use document.createElement(element)

const img = document.createElement("img");

img.src = "https://upload.wikimedia.org/wikipedia/commons/a/a0/W3Schools_logo.svg";

​

// both are the same

console.log(img instanceof Image); // -> true