JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<canvas id="mainFrame" width="700" height="1000"></canvas>
<canvas id="myCanvas" width="200" height="1000"></canvas> <!-- cannot exceed
526 ... WHY? -->

CSS

canvas {border: 1px solid black; }

JavaScript

$(document).ready(function() {

    var canv = document.getElementById("myCanvas");
    var ctx = canv.getContext("2d");
    ctx.fillStyle = "blue";
    ctx.fillRect(0, 0, canv.width, canv.height);
});