1.画布左上角默认原点x坐标(0,0)向右增长，y坐标向下延伸（图片来自mdn）。但是Canvas的坐标系并不是没有变化，而是可以改变原点。坐标变换：可以在Canvas坐标系上进行移动translate、旋转rotate、缩放等操作。坐标变换后绘制的图形的x、y偏移量以新原点为基准。旋转角度和缩放比例以新坐标系的角度为准。比如在原点位置写文字(x:0,y:0)，在(0,50)画一个矩形，坐标变换前后的效果如下：这样，当我们绘制多个图形时，我们可以通过计算x，y偏移量来控制图形的显示位置，也可以通过坐标变换坐标变换属于绘图状态，存在于Canvas绘图的栈中，坐标系坐标示例可以是通过保存和恢复重置或更新
