在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/