0

これはユニの割り当てを行うための開始です。しかし、今のところ、画像を切り替えるのに問題があります。これはターンアラウンドマッチゲームの開始を意図しています。画像と単語であると想定され、それらに一致しますが、これまでのところ、このトグル機能に問題があります。私はこれまでにこのコードを持っています:

        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);
                }
            });
});

理由は？ありがとう。

4

1 に答える 1

1

jsfiddle

if ステートメント == で = を作成する必要があります。 

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

        else if (myButton.src == nothing) {
            myButton.src = something;
        }
于 2012-04-18T18:31:03.490 に答える