HTML5_canvas_pen.translate()_

 

.save() 和 .restore()   

• 除了会保存之前的样式，还会保存之前的坐标轴

pen.translate(x, y);

将画布的 坐标轴原点(0, 0) 从画布的左上角，移动到 (x, y)

• 必须再绘制之前，移动坐标轴
• 改变 画布坐标轴 之前的绘制，不受影响。

 

pen.scale(x, y);

x    设置水平方向上缩放倍数

y    设置垂直方向上缩放倍数

• 参照画布 绘制坐标轴原点(0, 0) 

 

pen.rotate(radian);

radian    弧度    = deg*Math.PI/180

• 参照画布 的绘制坐标轴原点 (0, 0)        radian 增大 顺时针旋转 坐标轴
• 本次旋转，会参照此刻坐标轴的角度，累加旋转，