Html 翻转<；帆布>；在第页上发布后（旋转180度）

我试图在画布元素被附加到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);

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

---

谢谢

四处寻找并找到了这个有效的解决方案

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

---

创造奇迹

你的意思是从横向旋转到纵向？（如果是，请更改宽度和高度）“角度”变量是什么？不完全是，只需垂直翻转即可。。看到这个屏幕截图：这对位图图像也有效吗？我在那里遇到了一些麻烦=/如果允许您使用CSS3，您可能可以使用类似的CSS转换。