JSFiddle - React, Tailwind, and code Playground

by Rob Crowther

HTML

<canvas id="c1" width="200" height="200"></canvas>

<canvas id="c2" width="200" height="200"></canvas>

JavaScript

var c1 = $('#c1');
var ctx1 = c1[0].getContext('2d');

ctx1.fillRect(50,50,100,100);

var c2 = $('#c2');
var ctx2 = c2[0].getContext('2d');

ctx2.drawImage(c1[0],0,0,100,100);
ctx2.drawImage(c1[0],100,0,100,100);
ctx2.drawImage(c1[0],0,100,100,100);
ctx2.drawImage(c1[0],100,100,100,100);