HTML5教程:HTML5 Canvas的文本对齐

要对齐HTML5 Canvas的文本，我们可以使用画布的背景下textAlign属性，可以设置居上，底下，居左，中心，或居右。对齐方式是相对的，以一个假想的x位置由defind文本的垂直线fillText（ ）或strokeText（ ）。除非另有设置，TextAlign属性默认为左，这不禁让我们想起了css属性中的text-align

context.textAlign=[value]; 

1. window.onload = function(){ 
2.     var canvas = document.getElementById("myCanvas"); 
3.     var context = canvas.getContext("2d"); 
4.   
5.     var x = canvas.width / 2; 
6.     var y = canvas.height / 2; 
7.     context.font = "30pt Calibri"; 
8.     context.textAlign = "center"; 
9.     context.fillStyle = "blue"; 
10.     context.fillText("Hello World!", x, y); 
11. };