html5 canvas 图像转换与缩放

scale 缩放绘图

scale() 方法缩放当前绘图，更大或更小。

语法：context.scale(scalewidth,scaleheight);

参数：

            scalewidth:缩放当前绘图的宽度 (1=100%, 0.5=50%, 2=200%, 依次类推)

            scaleheight:缩放当前绘图的高度 (1=100%, 0.5=50%, 2=200%,)

备注：如果您对绘图进行缩放，所有之后的绘图也会被缩放。定位也会被缩放。如果您 scale(2,2)，那么绘图将定位于距离画布左上角两倍远的位置。

rotate旋转绘图

rotate()方法旋转当前的绘图

语法：context.rotate(angle);

参数：旋转角度，以弧度计。如果需要将角度转换为弧度，使用degrees*Math.PI/180进行转换。

translate移动绘图

translate() 方法重新映射画布上的 (0,0) 位置。

语法：context.translate(x,y);

参数：x:添加到水平坐标x的值，y:添加到