HTML5 Canvas でパズルを描いています。
これまでの完全なコードはこちら: https://github.com/Integralist/HTML5-Image-Slider-Game
常に 1 つの空きスペースがあり、ユーザーがパズルのピースをクリックすると、空きスペースに移動します。
しかし、これを行うと、パズルにドロップ シャドウが表示されます。下の画像を参照してください。
なぜこれが起こるのでしょうか？既にキャンバス内にあるコンテンツの上に描画しているためですか? 描画する前にキャンバスをクリアする回避策はありますか?もしそうなら、最善の方法がわからないので、他のすべてのパズルのピースを再描画することなくこれを行うことができる方法があります.
更新: キャンバス全体をクリアしてから、パズルのピースを空のスペースに描画しようとしましたが、それでもドロップ シャドウで描画されましたか?