请老师检查

来源:6-2 编程练习

木子小可爱

2019-10-12 17:29:15

<!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 str='前端路径课程';

        context.font='20px Microsoft YaHei';

        context.fillStyle='red';

        context.textAlign='center';

        context.fillText(str,400,400);

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

        //此处补充代

    </script>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2019-10-12

你好同学,字体设置加粗,以及改为蓝色字体哦。

http://img.mukewang.com/climg/5da19eba093c4ff104940126.jpg

祝学习愉快,望采纳。

0

0 学习 · 6815 问题

查看课程

相似问题