Rotate Text

HTML5 canvas demo.

HTML

<canvas id="myCanvas" width="600" height="600" />

JavaScript

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

ctx.font = '30pt Arial';


ctx.save();
ctx.translate(100,300);
ctx.rotate(-0.2*Math.PI);

var rText = 'Rotated Text';
ctx.fillText(rText , 0, 0);
ctx.restore();