#canvas {
border: thin solid black;
}
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var image = new Image();
image.src = "testImage.jpg";//我是图片
context.drawImage(image, 0, 0, canvas.width, canvas.height);
var reverse = document.getElementById("reverse");
reverse.onclick = showReverse;
function showReverse() {
context.translate(canvas.width/2, canvas.height/2);
context.rotate(Math.PI);
context.translate(-canvas.width/2, -canvas.height/2);
context.drawImage(image, 0, 0, canvas.width, canvas.height);
};