可以使用canvas的rotate()方法来实现首先在图片旋转前获取图片的中心点坐标var centerX = image.x + image.width/2;
var centerY = image.y + image.height/2;
然后将要旋转的图片移动到原点：
context.translate(centerX, centerY);
接下来就可以使用rotate()方法进行旋转了：
context.rotate(Math.PI/2); // 90°旋转
最后将图片复位即可：
context.translate(-centerX, -centerY);