首页 文章

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

提问于
浏览
3

我正在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

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

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

1 回答

  • 4

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

相关问题