在HTML5 Canvas中,我可以让y轴上升而不是下降吗？

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

// 反转坐标系
ctx.translate(0, canvas.height);
ctx.scale(1, -1);

// 绘制图形
ctx.fillRect(50, 50, 100, 100);

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

// 自定义坐标系
ctx.transform(1, 0, 0, -1, 0, canvas.height);

// 绘制图形
ctx.fillRect(50, 50, 100, 100);