如何解决javascript画布网页未显示
我正在尝试制作一个带有黑色正方形和一个移动的白色圆圈的画布,但是它不起作用,我不知道为什么会出现问题,当我尝试打开它时它只是一个空网页。我已经保存了。我真的需要帮助!这是代码
<html>
<head>
<title>paddle</title>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
<script>
var canvas
var canvasContext
var ballX = 5
window.onload = function() {
var fps = 30;
setInterval(updateAll,1000)
canvas = document.getElementById("myCanvas");
canvasContext = canvas.getContext("2d")
}
function updateAll() {
ballX++
canvasContext.fillStyle = "black"
canvasContext.fillRect(0,canvas.width,canvas.height)
canvasContext.fillStyle = "white";
canvasContext.beginPath()
canvasContext.arc(ballX,100,10,Math.PI*2 true);
}
</script>
</body>
</html>
解决方法
您在这里的最后一个参数之前(Math.PI*2
和true
之间缺少逗号):
canvasContext.arc(ballX,100,10,Math.PI*2 true);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。