6-2练习

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

6-2练习

来源：6-2 编程练习

夕落呀

2018-12-22 19:26:02

<!DOCTYPE html>

<html>

<head>

<title>canvas字体</title>

<style>

canvas{background-color:lightblue;}

</style>

</head>

<body>

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

</canvas>

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

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

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

context.font="bold 30px 微软雅黑";

context.fillStyle="blue";

context.textAlign="center";

context.textBaseline="middle";

context.fillText(word,400,400);

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

context.fillText('字体的width是：'+width+'px',400,500);

</script>

</body>

</html>

写回答

1回答

好帮手慕星星

2018-12-23

经测试代码实现效果是正确的，继续加油！

0 学习 · 4826 问题

相似问题

回答 2

回答 1

回答 1

回答 1

回答 1