画布清算问题。在 Canvaseroids 中选择未清除的对象答案

【问题标题】：Canvas clearing issue. Select objects not clearing in Canvasteroids画布清算问题。在 Canvaseroids 中选择未清除的对象
【发布时间】：2011-06-26 08:36:27
【问题描述】：

我正在使用 html5 画布创建一个新的小行星游戏。它一直进展顺利，以至于我必须动态地将激光绘制到舞台上。它们不能正确绘制（它们应该只有 10 像素长），并且当您在 10 秒内拍摄两次时，就会出现旧的激光轨迹。这是网址，因为这里的代码比我愿意让每个人都通过的更多。

http://marccannon.com/canvasteroids/

理想情况下，激光的长度为 10 像素，一旦用完（1 秒或 33 帧）就会消失。他们从不应再在绘图循环中运行它们的数组中获得shift()。似乎 Laser 对象类有某种内存。到目前为止，我已经花了好几个小时用激光轨迹制作太空艺术，而不是添加实际的小行星来撞击。有人请帮忙。我正在失去理智。

提前感谢您的帮助。

【问题讨论】：

标签： javascript html canvas drawimage

【解决方案1】：

问题在于，当你在画布上绘图时，你必须始终记得调用beginPath()，否则所有moveTo 和lineTo 命令都会不断添加和添加到当前路径。

【讨论】：

谢谢！我没有用画布做过很多实际的绘图，所以这对我来说是一个巨大的疏忽。现在就像一个魅力。