canvas中的translate和rotate

var drawing=document.getElementById('drawing')

var ctx=drawing.getContext('2d')

ctx.translate(50,50)

ctx.rotate(45*Math.PI/180)

ctx.beginPath() ctx.fillRect(100,100,100,100)

translate和rotate都会叠加上一次的translate和rotate,可以把translate看成是把整个坐标移动，把rotate看成是整个坐标旋转一定的角度，这样就会很好理解了。