1. 程式人生 > >canvas中將y軸方向反轉的一種方法(有弊端)

canvas中將y軸方向反轉的一種方法(有弊端)

先將原點移動到左下

context.translate(0, canvas.height);

然後,利用座標縮放,縮放y軸倍數為-1,這樣子y軸就會“縮回去”,從而達到反轉y軸的效果,如下:

context.scale(1, -1);

但是這樣如果是畫文字,就會顛倒,如果是畫座標圖、折線圖什麼的,用這樣子的方法,就很好畫,也就很好想了。