Canvas-绘制线条、绘制与切割图片及画布方法

创建路径绘制线条

绘制与切割图片

    
    
    

//切割图片
    

画布方法，缩放平移和旋转

1.scale(x,y); - 缩放
  x - 水平方向上的缩放
  y - 初值方向上的缩放
  context.scale(sx,sy)
  context.fillRect(x,y,width,height)
  sx:  控制x和width的缩放
  sy:  控制y和height的缩放
  
    多次缩放效果会进行叠加

2.translate(x,y) - 重新映射画布上的（0,0）位置
  x，y改变了图形的参考点

3.rotate(); 旋转画布

   degrees * Math.PI / 180;
   
   degrees代表了你想旋转的角度，正数是顺时针旋转

4.save() 保存当前画布属性、状态

5.restore() 恢复画布属性状态

例子