JSFiddle - React, Tailwind, and code Playground

by totoromaum

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Canvas</title>
  </head>

  <body>
    <canvas id="canvas" width="400" height="400"></canvas>
    <script>
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");
      ctx.fillRect(90, 0, 50, 50);
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");
      ctx.fillRect(110, 50, 10, 20);
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");
      ctx.fillRect(40, 70, 150, 10);
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");
      ctx.fillRect(80, 80, 70, 50);
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");
      ctx.fillRect(80, 130, 10, 50);
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");
      ctx.fillRect(140, 130, 10, 50);
    </script>
  </body>

</html>