老师，请检查

来源：6-2 编程练习

慕函数4436287

2019-06-05 16:53:37

<!DOCTYPE html>
<html lang="en">
<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 str="前端路径课程"
       context.font = "bold 30px Microsoft YaHei";
       context.textAlign="center";
       context.textBaseline="middle";
       context.fillStyle="blue";
       context.fillText(str,400,400);
       var strLength=context.measureText(str).width
       context.fillText("字体的width是"+strLength+"px",400,480);
   </script>
</body>
</html>

写回答

1回答