老师您好帮我看看效果吧

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

老师您好帮我看看效果吧

来源：6-2 编程练习

小虾虾小

2019-11-07 10:40:50

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>canvas字体6-2</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 str = '前端路径课程';

context.font = 'bold 30px sans-serif';

context.textAlign = 'center';

context.textBaseline = 'top';

context.fillStyle = 'blue';

context.fillText(str,400,400);

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

var str1 = '字体的width是：'+width+'px';

context.fillText(str1,400,500);

</script>

</body>

</html>

写回答

1回答

好帮手慕码

好帮手慕码

2019-11-07

已采纳

同学你好！
代码效果实现正确。

如果帮到了你，欢迎采纳，祝学习愉快~

0

0 学习 · 6815 问题

相似问题

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

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