HTML5 Canvas. Поворот изображения

[Valdemor]

Поворот изображения в 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();

Но при этом изображение появляется в координатах, которые являються инверсией текущих координат изображения (если центром координат брать за центр экрана).
Как сделать так, чтобы изображение оставалось на месте, но при этом поворачивалось?

[vadim5june]

Как сделать так, чтобы изображение оставалось на месте, но при этом поворачивалось?

Нужно ctx.translate в центр изображения

ctx.save();
ctx.translate(....);
ctx.rotate(angle*Math.PI/180);
/* рисуем изображение */
ctx.restore();

[Valdemor]

ctx.translate(canvas.width/2,canvas.height/2);
А это что?

[vadim5june]

ctx.translate(canvas.width/2,canvas.height/2);
А это что?

это центр канваса
Какой командой рисуете?
Если drawImage то надо оттуда координаты посчитать
Я имел ввиду что-то типа вот этого
canvas rotate center