Rendering Text

HTML canvas demos

HTML

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

JavaScript

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

var fontSize = 10;

do { 
    var text = 'Canvas Text! ' + fontSize;
    ctx.font= fontSize + 'px Arial';
    var y = ctx.measureText(text).width;
    ctx.fillText(text,10,y);
    fontSize += 5;
} while (true)