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-d, 10, d+100);
    // 1-положение(горизонт) 2-положение 3-ширина 4-длина
    d += 50;
    a += 20; 
}