请问这么写对吗

来源:6-2 编程练习

小豆丁爱学习

2021-01-29 13:33:44

<!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 con=canvas.getContext('2d');

        //此处补充代码

        

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

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

        con.fillStyle='blue';

        con.textAlign='center';

        con.textBaseline='middle';

        var width=con.measureText(str1).width;

        var str2='字体的width是:'+width+'px'

        con.fillText(str1,400,400);

        con.fillText(str2,400,500)

        

    </script>

</body>

</html>

写回答

1回答

好帮手慕夭夭

2021-01-29

同学你好,代码实现正确哦。继续加油,祝学习愉快~

0

0 学习 · 6815 问题

查看课程