使用函数将圆绘制到画布

Question

    <div>

        <canvas id="canvas" width="250px" height="400px" style="border: 1px solid black" onload="drawCircle()"></canvas>
    </div>
    <script type="text/javascript" src="canvasjs.js"></script>
</body>

</html>

---

var canv = document.getElementById("canvas");
var ctx = canv.getContext("2d");

function drawCircle(){

    ctx.fillStyle="blue";
    ctx.beginPath();
    ctx.arc(50,50,50,0,Math.PI*2);
    ctx.closePath();
    ctx.fill();
}

只是想知道是否有人能告诉我为什么这不会画到画布上。如果我从它运行的函数中删除代码。

Answer 1

你没有调用你的功能。 请在代码下方附上此代码;

drawCircle();