​

function setup() {

}

​

function draw() {

  background(220);

}

​

function mousePressed() {

  // create a graphics objects (= aux. canvas)

  let pg = createGraphics(100, 100);

​

  // do some drawing on the graphics object

  pg.background(random(255), random(255), random(255));

  // call toDataURL() on the graphic object's

  // underlying canvas

  let dataUrl = pg.canvas.toDataURL();

​

  // this data url can now be used in the DOM

  document.getElementById('test').style.background = 'url(' + dataUrl + ')';

}

​