JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <canvas id="myCanvas" width="200" height="200"></canvas>
    <img src="" />
</body>

JavaScript

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect(10, 10, 55, 50);
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
ctx.fillRect(30, 30, 55, 50);

var img = new Image();
img.src = "data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAABMLAAATCwAAAAAAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+oqNz/AACZ/6io3P8AAJn//////1RUu/8AAJn/qKjc//////+oqNz/AACZ/9nZ8P+oqNz/AACZ/6io3P//////AACZ///////Z2fD/AACZ////////////f3/M/wAAmf+oqNz/AACZ//////+oqNz/AACZ//////8AAJn/2dnw/wAAmf//////2dnw/wAAmf//////AACZ/39/zP//////qKjc/wAAmf//////qKjc/wAAmf//////AACZ/9nZ8P+oqNz/AACZ/6io3P8AAJn//////6io3P8AAJn/VFS7//////+oqNz/AACZ/9nZ8P+oqNz/AACZ/6io3P////////////////////////////////////////////////////////////////////////////////////////////////////////////////+BZi////////////////////////////+BZi////////////////////////////+BZi///////4FmL///////gWYv//////+BZi///////4FmL///////gWYv//////+BZi///////4FmL///////gWYv//////+BZi///////4FmL///////gWYv//////+BZi///////4FmL///////gWYv//////+BZi//////////////////gWYv//////+BZi///////4FmL///////gWYv//////+BZi///////4FmL///////////////////////////////////////gWYv////////////////////////////gWYv/////////////////////////////////////////////////4FmL////////////////////////////4FmL///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w%3D%3D";

img.onload = function () {
    ctx.drawImage(img, 10, 10);
    document.images[0].src = canvas.toDataURL("image/png");
};