Отобразить перевернутый текст на холсте 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