Canvas fillRect() Method

Watch a demo of different values of the fillRect() method.

Or click a specific value to see the result:

fillRect(20,20,150,10);
fillRect(20,20,150,50);
fillRect(20,20,150,100);
your browser does not support the canvas tag
your browser does not support the canvas tag
your browser does not support the canvas tag
const c = document.getElementById('myCanvas');
const ctx = c.getContext('2d');
ctx.fillRect(20,20,150,50);

Play more with the code in our Tryit yourself editor: Try it Yourself ❯