0

JavaScript を学ぼうとして、このキャンバス描画のアイデアを思いつきました。基本的に、座標を配列に格納すると、スクリプトがキャンバスにボタンを自動的に描画します。x1各ボタンには、y1、x2、などの8 つの座標が必要y2です (後でこれらのボタンをリンクとして機能させることもできます ;p)。私が抱えている問題は、これがまったく実行されず、chrome インスペクター コンソールが次object is undefinedの行に " " と表示されることです: " button = new object();"

どんな助けでも大歓迎です。レオ

function loadMenu() {
    //Initialize Canvas
    var canvas = document.getElementById("menu_canvas");
    var context = canvas.getContext("2d");

    //Button Data
    var buttonData = [59, 0, 19, 40, 128, 40, 168, 0];
    //Create Buttons
    var i = 1;
    while (i < buttonData.length) {
        button = new object();
        for (var j = i; j != i + 8; j++) {
            if (j % 2 == 0) {
                button.X[j] = buttonData[j - 1];
            } else {
                button.Y[j] = buttonData[j - 1];
            }
        }
        drawButton(button);
        i = i + 8;
    }
    //Begin drawing buttons
    function drawButton(button) {
        context.beginPath();
        context.moveTo(button.X1, buttonX2);
        for (k = 2; k != 4; k++) {
            context.lineTo(buttonX[k], buttonY[k]);
        }
        context.closePath();
        context.fillStyle = "red";
        context.fill();
    }
}
4

1 に答える 1

2

大文字にする必要があります:

button = new Object();

Javascript は大文字と小文字を区別します。

または、オブジェクト リテラルを使用することもできます (Nile が指摘したように)。

button = {};
于 2013-01-30T02:24:41.013 に答える