canvas坐标轴旋转

画图的时候会创建一个canvas，画一些元素的时候需要计算图形在canvas上的坐标，这时候在canvas上的坐标系是这样的。

有时候为了方便可以，将起始点放在canvas中间，然后将y轴的方向改为向上：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// 原来坐标系的起点在canvas的左上角（0, 0)，现在将起点定在(128, 128)这个点上
ctx.translate(128, 128);
// 原先y轴是向下的，现在改为向上
ctx.scale(1, -1);

有时候选择坐标系，可以简化坐标的计算量，不仅让代码容易理解，也节省了CPU运算的时间。