canvas旋转操作注意事项
1、每次旋转后操作后要还原,恢复步骤正好相反
ctx.translate(200, 150)
ctx.rotate(-Math.PI / 4)
ctx.drawImage(img, -200, -150)
ctx.rotate(Math.PI / 4)
ctx.translate(-200, -150)
2、旋转后画图坐标要考虑旋转的相对坐标。要不然画出的东西跑哪里去都不知道。
比如原来画的坐标从100,100开始,按100,100旋转后
再画的时候,要减去旋转的坐标,(100-100,100-100) =(0,0)开始
网友评论