JSFiddle - React, Tailwind, and code Playground

by xonev

HTML

<!--<img id="arrow"
src="http://www.clker.com/cliparts/6/0/9/5/1195445238199413807jean_victor_balin_arrow_blue_right.svg.med.png"
width="20" height="20"/>-->

<canvas id="canvas" width="150" height="150" />

JavaScript

var canvas = document.getElementById("canvas");
if (canvas.getContext) {
    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);
}