在Html5画布中显示颠倒文本

Question

如何在html5画布中显示颠倒的文字？如果您能提供示例工作代码，那将会有很大帮助。 ：）

Answer 1

您需要使用rotate转换。你可以在这里读更多关于它的内容： https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations

代码示例：

var ctx = document.getElementById('canvas').getContext('2d'); 
ctx.translate(100,100);  
ctx.save();
ctx.rotate(Math.PI);  
ctx.fillText("TEST", 10, 10);
ctx.restore();

http://jsfiddle.net/uyLNr/

Answer 2

这应该可以正常工作 http://www.codeproject.com/Tips/166266/Making-Text-Upside-down-using-CSS