JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width = "200" height = "200" id="one" style="border: solid 1px black"></canvas>
<canvas width = "200" height = "200" id="two" style="border: solid 1px red"></canvas>

JavaScript

var one = document.getElementById('one');
var two = document.getElementById('two');

ctxone = one.getContext('2d');
ctxtwo = two.getContext('2d');

// put something on one:
ctxone.fillRect(50,50,50,50);


// draw it onto two:
ctxtwo.drawImage(one, 50,50); //just call the canvas element itself, thats all!