HTML5 Canvas. Поворот изображения
Поворот изображения в html5 canvas происходит следующим образом:
ctx.save();
ctx.translate(canvas.width/2,canvas.height/2);
ctx.rotate(angle*Math.PI/180);
ctx.translate(-canvas.width/2,-canvas.height/2);
/* рисуем изображение */
ctx.restore();
Но при этом изображение появляется в координатах, которые являються инверсией текущих координат изображения (если центром координат брать за центр экрана).
Как сделать так, чтобы изображение оставалось на месте, но при этом поворачивалось?
|