要對齊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); };
新聞熱點
疑難解答
