HTML5 Canvas Example

HTML

<canvas id="canvas" width="480" height="320"></canvas>

JavaScript

$(document).ready(function() {
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');

	ctx.font='30px Arial';
	ctx.fillText('Hello World', 10,30);

    ctx.font='condensed 30px Arial';
	ctx.fillText('Hello World', 10,80);

    ctx.font='800 30px Arial';
	ctx.fillText('Hello World', 10,130);
});