​

function setup() {

  createCanvas(720, 400);

  img = loadImage('assets/moonwalk.jpg');

}

​

function draw() {

  background(255);

  image(img, 0, 0);

}

​

function mousePressed() {

  // turn the image variable into a "data url"

  // (i.e. a string that contains the content of the

  //  image data with letters and numbers)

  let dataUrl = img.canvas.toDataURL();

  //console.log(dataUrl);

​

  // create a new <img> object and add it to the body

  let imgElem = createImg(dataUrl);

  // you can style the <img> object like so

  imgElem.style('height', '50px');

}

​