canvas中将y轴方向反转的一种方法(有弊端)

先将原点移动到左下web

context.translate(0, canvas.height);

而后,利用坐标缩放,缩放y轴倍数为-1,这样子y轴就会“缩回去”,从而达到反转y轴的效果,以下:canvas

context.scale(1, -1);

可是这样若是是画文本,就会颠倒,若是是画坐标图、折线图什么的,用这样子的方法,就很好画,也就很好想了。svg