gpt4 book ai didi

javascript - 一个显示滚动球的简单程序

转载 作者:太空宇宙 更新时间:2023-11-04 04:35:42 25 4
gpt4 key购买 nike

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var canvas_variable;
var init_x = 200;
var init_y = 300;
var x_move = 1;
function initialize_canvas()
{setInterval(draw_ball, 10);
canvas_variable = bouncing_ball_canvas.getContext('2d');
}
function draw_ball()
{
canvas_variable.clearRect(0,0, 1000, 500);
canvas_variable.beginPath();
canvas_variable.fillStyle="#FF0000";
canvas_variable.arc(init_x, init_y, 50, 0+init_x/50, Math.PI*2+init_x/50, true);
canvas_variable.lineTo(init_x, init_y);
canvas_variable.stroke();
if( init_x<0 || init_x>1000) x_move = -x_move;
init_x += x_move;
}
</script>
</head>
<body>
<canvas id="bouncing_ball_canvas" width="1000" height="500">
</canvas>
<body onLoad="initialize_canvas();">
</body>
</html>

这是一个滚球的程序。每 10 毫秒调用一次 draw_ball 函数。球在运动过程中会闪烁。这个问题的解决方案是什么?

最佳答案

你忘了声明变量 bouncing_ball_canvas

尝试添加:

bouncing_ball_canvas = document.getElementById("bouncing_ball_canvas");

在声明 canvas_variable 之前。

编辑:

问题出在这行:

canvas_variable.arc(init_x, init_y, 50, 0+init_x/50, Math.PI*2+init_x/50, true);

将最后一个变量更改为 false,它应该可以工作。

关于javascript - 一个显示滚动球的简单程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16496580/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com