// 正常绘制：
// ctx.drawImage(img, px, py);
// 水平“翻转”画布
ctx.translate(canvas_width, 0);
ctx.scale(-1, 1);
// 下面画的图片是水平翻转的
ctx.drawImage(img, canvas_width - img.width - px, py);
// 画布恢复正常
ctx.translate(canvas_width, 0);
ctx.scale(-1, 1);
原文：http://blog.csdn.net/jcx5083761/article/details/41944039