为什么感觉字没有居中

首页课程实战体系课手记专栏慕课教程

为什么感觉字没有居中

来源：6-2 编程练习

Aries典

2018-10-30 09:47:05

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>canvas字体</title>

<style>

canvas{background-color:lightblue;}

</style>

</head>

<body>

<canvas id="canvas" width="800px" height="800px">您的浏览器不支持canvas

</canvas>

<script>

var canvas=document.getElementById("canvas");

var context=canvas.getContext('2d');

var srt='前端路径课程';

context.textAlign = 'center';

context.textBaseline="middle";

context.font='70px 微软雅黑 bold ';

context.fillStyle='blue';

context.fillText(srt,400,400);

var width=context.measureText(srt).width;

var srt1='字体的width是'+width+'px';

context.textBaseline='bottom';

// context.textAlign = 'center';

context.font='40px 微软雅黑 bold';

context.fillText(srt1,400,550);

</script>

</body>

</html>

写回答

1回答

好帮手慕星星

好帮手慕星星

2018-10-30

字体应该是30px，并且加粗显示，加粗样式放在最前面，如下：

第二行字体大小和第一行一致即可。

自己可以修改再测试下，祝学习愉快！

0

0 学习 · 4826 问题

相似问题

老师看下我的为什么不居中呢

回答 1

什么问题呢？

回答 2

感觉有点小问题

回答 1

老师在步骤二中忘了一件事

回答 1

是这样写么，感觉写得很繁琐吶。。

回答 1

打开慕课网App查看更多内容