老师字体无论怎么设置都没法变大

来源:9-2 编程练习

小鲜花

2019-12-27 10:33:34

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas离屏</title>

    <style>

    #canvas2{display:none;}

   

    </style>

</head>

<body>

    <canvas width="800px" height="800px" id="canvas">您的浏览器不支持canvas</canvas>

    

    <canvas width="800px" height="800px" id="canvas2">您的浏览器不支持canvas</canvas>

    <script>

        var canvas=document.getElementById("canvas");

        var context=canvas.getContext("2d");

        //补充代码

        var canvas2=document.getElementById("canvas2");

         var context2=canvas2.getContext("2d");

         

        

         

        var str='==WWW.imooc.com';

        context2.fillStyle="#fff";

        context2.font='bold 100px';

        context2.lineWidth=30;

        context2.textAlign='center';

        context2.fillText(str,200,170);

        

        

         var img=new Image();

         img.src='http://climg.mukewang.com/5aa6633400017bc704170220.jpg';

         img.onload=function(){

             context.drawImage(img,0,0);

             context.drawImage(canvas2,0,0,canvas2.width,canvas2.height,0,0,canvas.width,canvas.height);

         }

          

       

        

        

         

    </script>

</body>

</html>


写回答

1回答

好帮手慕糖

2019-12-27

同学你好,font使用简写的话,要有字体大小与字体,这里可以添加下字体为微软雅黑,例:

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程