On an html canvas, I am trying to draw a square at a specific point, but if the x and y aren't the same, it dilates and distorts

Question

I have messed with the variables (shifting between + and -, etc), but it always keeps dialating, whatever I do.