在页面</canvas>上发布后翻转<canvas>（旋转180度）

Question

我正在尝试在将DOM附加到DOM后旋转它。 Canvas是600x50，这是手头的代码：

var canvas = document.getElementsByTagName('canvas')[2];
var ctx = canvas.getContext('2d');
ctx.translate(300, 25); // rotate @ center

ctx.rotate(angle * Math.PI/180);

没有完成任务。我错过了什么吗？

由于

Answer 1

挖出来找到这个有效的解决方案;

context.scale(1,-1); //flip vertically 
context.translate(0,-height); //move beneath original position

创造奇迹！