You need to modify the transformation matrix before drawing the image that you want rotated.

Assume image points to an HTMLImageElement object.

var x = canvas.width / 2;

var y = canvas.height / 2;

var width = image.width;

var height = image.height;



context.translate(x, y);

context.rotate(angleInRadians);

context.drawImage(image, -width / 2, -height / 2, width, height);

context.rotate(-angleInRadians);

context.translate(-x, -y);

The x, y coordinates is the center of the image on the canvas.