首页 > 编程 > HTML > 正文

HTML5教程:HTML5 Canvas的文本对齐

2020-04-27 19:03:30
字体:
来源:转载
供稿:网友

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

context.textAlign=[value];

 

HTML5



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);
};
 


(责任编辑:武林网)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表