为啥我设置不了字体大小呢

来源：9-2 编程练习

qq_陌_45

2018-06-14 22:49:26

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>canvas离屏</title>
    <style>
    #canvasTow {
        display: none;
    }
    </style>
</head>
<body>
    <canvas width="800px" height="800px" id="canvas">您的浏览器不支持canvas</canvas>
    <canvas width="800px" height="800px" id="canvasTow">您的浏览器不支持canvas</canvas>
    <script>
        var canvas=document.getElementById("canvas");
        var context=canvas.getContext("2d");
        
        var img = new Image();
        img.src = 'http://climg.mukewang.com/5aa6633400017bc704170220.jpg';
        
        var str = '==www.imooc.com==';
        var canvasTow = document.getElementById("canvasTow");
        var ctx = canvasTow.getContext("2d");
        ctx.font = '60px';
        ctx.fillStyle = 'pink';
        ctx.fillText(str,150,200);

        img.onload = function(){
            context.drawImage(img,0,0);
            context.drawImage(canvasTow,0,0);
        }

        
    </script>
</body>
</html>

写回答

1回答