In the method fillRect(x,y,w,h); , what does (x,y) exactly points to on the rectangle?

Question

var c=document.getElementById("canvas1");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,100,100);

Answer 1

Top left corner

Answer 2

x is the x-coordinate of the canvas, and y is the y-coordinate.

The upper-left corner of the canvas has the coordinates (0, 0)

ctx.fillRect(20, 20, 100, 100) means: start at the the position(20, 20) and draw a 100x100 rectangle!

Answer 3

Thank you