如何在绘制到HTML5 Canvas时删除阴影

Question

我正在HTML5 Canvas中绘制一个谜题。

到目前为止的完整代码在这里：https://github.com/Integralist/HTML5-Image-Slider-Game

总有一个空白空间，当用户点击拼图时，我将其移动到空白处。

但是当我这样做时，拼图会显示一个阴影，见下图。

http://f.cl.ly/items/331c3E3Q42362v0s1q3E/Screen%20Shot%202012-04-21%20at%2016.50.24.png

为什么会发生这种情况的任何想法？是因为我已经在画布内绘制了内容吗？是否可以在绘图之前清理画布，如果有的话，我可以这样做，而不必重新绘制所有其他拼图，因为我不确定如何最好地做到这一点。

更新：我尝试清除整个画布，然后将拼图块绘制到空白区域，但它仍然是用阴影绘制的？

Answer 1

在第74和75行，您将阴影偏移设置为2px。一旦开始绘制，就需要将其设置回0。