Всем привет

Вопрос такой, как сделать поворот изобращения относительно центра а не левого верхнего угла. Сейчас для поворота использую вот такую функцию
function rotate() {
ctx.clearRect(0, 0, width, height);
ctx.translate(width/2, width/2);
ctx.rotate(Math.PI / 180);
ctx.translate(-width/2, -width/2);
ctx.drawImage(pic, width/4, width/4, width/2, height/2);
}