Html5キャンバスにテキストを上下逆に表示する

Question

html5キャンバスに逆さまのテキストをどのように表示しますか？あなたがサンプルの作業コードを提供できるなら、それは多くの助けになります。 :)

Answer 1

正常に動作する必要があります。あなたはここでそれについての詳細を読むことができます： 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

これは、あなたがrotate変換を使用する必要が http://www.codeproject.com/Tips/166266/Making-Text-Upside-down-using-CSS