JSFiddle - React, Tailwind, and code Playground
HTML
<canvas id="myCanvas" width="500" height="400" style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>JavaScript
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#abc";
var a=0, d=50;
for(var i=0; i<5; i++){
ctx.fillRect(a,390,10,d);// 1-положение(горизонт) 2-положение 3-ширина 4-длина
d+=50;
a+=20;
}