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看成是整个坐标旋转一定的角度,这样就会很好理解了。
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看成是整个坐标旋转一定的角度,这样就会很好理解了。