Untitled

ct.beginPath();
        ct.moveTo(200,200);
        ct.rect(20,10,10,10);
        ct.fillStyle="pink";
        ct.stroke();
        ct.fill();
        ct.closePath();
        ct.beginPath();
        ct.moveTo(200,200);
        ct.rect(20,20,20,10);
        ct.fillStyle="purple";
        ct.stroke();
        ct.fill();
        ct.closePath();
        ct.beginPath();
        ct.moveTo(200,200);
        ct.rect(20,30,30,10);
        ct.fillStyle="orange";
        ct.stroke();
        ct.fill();
        ct.closePath();
        ct.beginPath();
        ct.moveTo(200,200);
        ct.rect(20,40,40,10);
        ct.fillStyle="yellow";
        ct.stroke();
        ct.fill();
        ct.closePath();
        ct.beginPath();
        ct.moveTo(200,200);
        ct.rect(20,50,50,10);
        ct.fillStyle="lightblue";
        ct.stroke();
        ct.fill();
        ct.closePath();
        ct.beginPath();
        ct.moveTo(200,200);
        ct.rect(20,60,60,10);
        ct.fillStyle="teal";
        ct.stroke();
        ct.fill();
        ct.closePath();