JSFiddle - React, Tailwind, and code Playground
HTML
<canvas id="canvas"></canvas>
CSS
canvas {
width: 500px;
border: 1px solid red;
height: 300px;
}
JavaScript
var canvas = document.getElementById('canvas'),
c = canvas.getContext('2d'),
x = 10,
y = 15;
function move() {
c.clearRect(0, 0, 500, 300);
c.fillRect(x, y, 5, 5),
c.fillRect(x, y, 15, 15);
x++;
y++;
}
setInterval(move, 2000);