選択した画像を読み込むキャンバスがあります。キャンバスには、ユーザーがクリックした場所に2つの6x6の長方形が表示されます。最初のクリックで長方形が赤になり、2回目のクリックで3回目のクリックで青になり、リセット（最初の長方形の両方が削除される）などになります。これは正常に機能します（例：http：//jsfiddleを参照）。 net / 8HSGG /）
私の問題は、画像をリロードすると、長方形がめちゃくちゃになり始めることです（つまり、色の順序が異なるか、まったく表示されません）。
Javascriptには2つの変数があります。topLeftとbottomRightは、画像が読み込まれるたびにnullになり、それらに基づいてチェックし、それに応じてペイントします。
何が起こっているのか分かりますか？