Fylla cirklar med färg

Hej! Jag har fått i uppgift att fylla cirklar med färg. Jag har gjort på följande sätt men det syns ingenting i programmet. Vad gör jag fel? (Det som har med fyllnadsfärgen att göra är fetmarkerat)

function concentric2(){

let y=canvas.height/2
let x=canvas.width/2

let r = Math.floor(Math.random()*256);
let g = Math.floor(Math.random()*256);
let b = Math.floor(Math.random()*256);
 

if (canvas.height<canvas.width){

for(let d=canvas.height;d>0;d-=20){
ctx.beginPath();
ctx.arc(x, y, d/2, 0, Math.PI * 2, true);
ctx.strokeStyle = "pink";
ctx.lineWidth = 1;
ctx.stroke();
ctx.fillStyle = "rgb(" + r + "," + g + "," + b + ")";
}

}

else if (canvas.height>canvas.width){
 
for(let d=canvas.width;d>0;d-=20){
ctx.beginPath();
ctx.arc(x, y, d/2, 0, Math.PI * 2, true);
ctx.strokeStyle = "pink";
ctx.lineWidth = 1;
ctx.stroke();
ctx.fillStyle = "rgb(" + r + "," + g + "," + b + ")";
}
 
}
}