html5的canvas对象的translate方法和rotate方法

下午读一个HTML5的源代码的时候,遇到canvas对象的translate方法和rotate方法,发现不是很了解,花了点时间研究下,原来如此简单,虽然简单,还是记录一下吧,毕竟是自己的成果,呵呵!

1.  translate(80,80)的意思就是说以x=80,y=80的这个像素点作为(0,0)坐标,以后的坐标都是相对于这个标准的。

2.  rotate(90 * Math.PI / 180) 按顺时针旋转90度。

 

一、源代码如下:

  

 

 
 
 


   
   

你可能感兴趣的:(HTML)