JSFiddle - React, Tailwind, and code Playground

by wesbos

HTML

<canvas id="c1"></canvas>

<canvas id="c2"></canvas>

JavaScript

(function(){
    var c1 = document.getElementById('c1'),
        c2 = document.getElementById('c2'),
        ctx1 = c1.getContext('2d'),
        ctx2 = c2.getContext('2d');

    // draw to the first
    ctx1.fillStyle = "#BADA55";
    ctx1.fillRect(10,10,100,100);
    // draw the second
    ctx2.drawImage(c1,0,0); 

})();