2020-03-30 canvas旋转
2020-03-30 本文已影响0人
夜色001
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）开始
