详解通过HTML5Canvas实现图片的平移及旋转变化的方法_html5教程技巧

平移变换translate()
平移变换，故名思议，就是一般的图形位移。比如这里我想将位于（100，100）的矩形平移至（200，200）点。那么我只要在绘制矩形之前加上context.translate(100,100)即可。

这里的translate()只传入两个参数，其实就是新画布坐标系原点的坐标。下面结合代码来看看效果。

登录

 










                 
                
                
                
                记住我的登录                            
        忘记密码？ 
  
登录
 
  




  

    
    

    
  

   
  

    
    
  

    
      
      我已阅读用户协议及版权声明
  
  

注册