HTML5教程:HTML5 Canvas的文本对齐

2024-09-05 07:18:41

字体：大中小

来源：转载

供稿：网友

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

要对齐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); };

上一篇：HTML5 Canvas的文本笔触颜色

下一篇：HTML5 Canvas的文本设置字体和大小