Set canvas origin to the lower-left corner

Question

Is there a way to set the origin to lower-left of the canvas? I tried scaling by −1 but after that everything is upside down. I need to make something like a coordinate sy

Answer 1

ctx.translate(0, canvas.height);
ctx.scale(1, -1);

See a demo on JSFiddle.