先将原点移动到左下web
context.translate(0, canvas.height);
而后,利用坐标缩放,缩放y轴倍数为-1,这样子y轴就会“缩回去”,从而达到反转y轴的效果,以下:canvas
context.scale(1, -1);
可是这样若是是画文本,就会颠倒,若是是画坐标图、折线图什么的,用这样子的方法,就很好画,也就很好想了。svg