js中的canvas arc（）具有比实际显示的更大的隐藏半径

Question

我有一个伪乒乓球游戏here on jsfiddle。我遇到的问题是，圆圈上的半径似乎比我实际看到的更宽，更宽。我使用plane.arc()方法绘制圆圈，但我不知道如何才能真正解决问题。 提前谢谢！

Answer 1

代码使用size（= 100）来检测碰撞，但使用arcsize（= 20）来绘制球。将大小值从100更改为20.删除arcsize声明。在arc函数调用中将arcsize更改为size。然后游戏应该有效。

请注意，在顶部和左侧墙壁上弹跳球的代码中，代码使用的是球的中心。该代码需要考虑球的大小。