是对的吗。

来源:6-2 编程练习

Ting111

2020-07-06 09:51:28

<!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 a='哦哦哦哦哦哦哦哦哦';

        context.fillStyle='blue';

        context.textAlign='center';

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

        var width=context.measureText(a).width

        

        context.fillText(a,200,200);

        var b='字体的宽度是'+width+'px';

        context.fillText(b,250,250);

    </script>

</body>

</html>


写回答

1回答

好帮手慕码

2020-07-06

同学你好,文字没有在画图中部显示。建议优化:

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

祝学习愉快~

0

0 学习 · 6815 问题

查看课程