Question

画布中的文本未显示使用脚本显示任何文本。如果使用ctx.fillText则不显示任何内容。此代码无效，请更正。如果我们在下面给出的代码中注释这些行，那么只有代码可以工作。

//ctx.font(30px Arial);
//ctx.fillText(Hello World,10,5);

检查并回答，

<html>
<head>
    <style>
        canvas: {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -250px;
            margin-top: -100px;
            border: 2px solid red;
        }
    </style>
</head>
<body>
<canvas height="300" width="500" id="canvas"></canvas>

    <script>
        var canvas = document.getElementById('canvas');
        var ctx = canvas.getContext('2d');

        var centerX = canvas.width/2;
        var centerY = canvas.height/2;
        var radius = 100;
        ctx.beginPath(); ctx.arc(centerX,centerY,radius,0,2*Math.PI,false);
        ctx.font(30px Arial);
        ctx.fillText(Hello World,10,5);
        ctx.fillStyle='teal';
        ctx.fill();
    </script>
</body>
</html>

Answer 1

   ctx.fillText("Hello World",10,5);

你错过了报价。没有引号是对变量/对象的引用。基本的编程技巧......

圆形画布中的文本位于画布的中心

1 个答案: