<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>textAlign</title>
</head>
<body>
<!-- textAlign:left/right/center/start/end-->
<canvas id="myCanvas" width="578" height="200" style="border: 1px solid #CCC;"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var x = canvas.width / 2;
var y = canvas.height / 2;
context.font = '30pt Calibri';
context.textAlign = 'center';
context.strokeStyle = 'blue';
context.strokeText('Hello World!',x,y);
</script>
</body>
</html>