要對齊HTML5 Canvas的文本,我們可以使用畫布的背景下textAlign屬性,可以設置居上,底下,居左,中心,或居右。對齊方式是相對的,以一個假想的x位置由defind文本的垂直線fillText( )或strokeText( )。除非另有設置,TextAlign屬性默認為左,這不禁讓我們想起了css屬性中的text-align
- context.textAlign=[value];
- window.onload = function(){
- 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.fillStyle = "blue";
- context.fillText("Hello World!", x, y);
- };