キャンバスで画像を切り替える

Question

これはUniの割り当てを開始するためのものです。しかし、今のところ私は画像間の切り替えを管理するのに問題があります。これは、ターンアラウンドマッチゲームのために始まることを意図しています。画像と言葉で一致すると思いますが、これまでトグル機能で問題がありました。これまでのコード：

 var myButton = new Image(); 
     var mouseX = 0; 
     var mouseY = 0; 
     var backgroundImage = new Image(); 
     var nothing = "num/w/2.png"; 
     var something = "num/w/3.png"; 

     function drawButton(buttonObj) 
     { 
      canvasContext.drawImage(buttonObj, buttonObj.x, buttonObj.y); 
     } 

     function checkIfInsideButtonCoordinates(buttonObj, mouseX, mouseY) 
     { 
      if(((mouseX > buttonObj.x) && (mouseX < (buttonObj.x + buttonObj.width))) && ((mouseY > buttonObj.y) && (mouseY < (buttonObj.y + buttonObj.height)))) 
       {return true;} 
      else 
       {return false;} 
     } 

     $(function() { 
      var canvas = $("#canvas").get(0); 
      canvasContext = canvas.getContext('2d'); 
      backgroundImage.src = "num/back.jpg"; 

      $(backgroundImage).load(function() { 
       canvasContext.drawImage(backgroundImage, 0, 0); 
       myButton.x = 100; 
       myButton.y = 100; 
       myButton.width = 100; 
       myButton.height = 100; 
       myButton.src = something; 
       drawButton(myButton); 
      }); 

      $("#canvas").click(function(eventObject) { 
       mouseX = eventObject.pageX - this.offsetLeft; 
       mouseY = eventObject.pageY - this.offsetTop; 

       if(checkIfInsideButtonCoordinates(myButton, mouseX, mouseY)) 
       { 
        if(myButton.src = something) 
        { 
        myButton.src = nothing; 
        } 

        else if(myButton.src = nothing) 
        { 
        myButton.src = something; 
        } 

        drawButton(myButton); 
       } 
      }); 
}); 

どうかありがとうございます。ありがとうございます。

Answer 1

jsfiddle

あなたは== if文であなたの=を作成する必要があります。

if (myButton.src == something) { 
      myButton.src = nothing; 
     } 

     else if (myButton.src == nothing) { 
      myButton.src = something; 
     }