如何使用画布围绕自身旋转图像?

我修改了你的密码:

var rotation = 0;
function draw(){

  var ctx = document.getElementById('myCanvas').getContext('2d');
  ctx.globalCompositeOperation = 'destination-over';

  ctx.save();
  ctx.clearRect(0,0,200,200);
  ctx.translate(100,100); // to get it in the origin
  rotation +=1;
  ctx.rotate(rotation*Math.PI/64); //rotate in origin
  ctx.translate(-100,-100); //put it back
  ctx.drawImage(cog,0,0);
  ctx.restore();
}

重要的是,在旋转之前必须先将图像转换为原点,然后再将其转换回来!

看起来这可能是你可以使用的东西: http://wilq32.googlepages.com/wilq32.rollimage222

这是一个测试: http://www.antiyes.com/test/index.php