JSFiddle - React, Tailwind, and code Playground

by smombartz

HTML

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Canvas demo</title>

</head>
<body>
    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor augue id tellus condimentum sit amet congue velit tristique. Nam congue lobortis quam, non rhoncus mauris consectetur ut.</div>
    <canvas id="grid"></div>
</body>
</html>

CSS

body {
    background:url(#grid);
    background-repeat:repeat;
}

JavaScript

var can = document.getElementById('grid');
var ctx = can.getContext('2d');
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);