javascript - キャンバスは未定義のプロパティを読み取れません

Question

function getMousePos(canvas, evt) {
    var rect = canvas.getBoundingClientRect();
    return {
        x: evt.clientX - rect.left,
        y: evt.clientY - rect.top
    };
}

setInterval(function (evt) {
    if (frame < 4) {
        frame += 1;
    } else {
        frame = 0;
    }
    var mousePos = getMousePos(canvas, evt);
    // ...
}, 500);

こんにちは、私は jQuery/JavaScript を初めて使用しますevt.clientX。

未定義のプロパティを読み取れません

?

Answer 1

これはevt引数をキャプチャすると思います：

var test;
function getMousePos(canvas, evt) {
    test = evt;
    var rect = canvas.getBoundingClientRect();
    return {
        x: evt.clientX - rect.left,
        y: evt.clientY - rect.top
    };
}

setInterval(function (test) {
    if (frame < 4) {
        frame += 1;
    } else {
        frame = 0;
    }
    var mousePos = getMousePos(canvas, test);
    // ...
}, 500);

*編集* このコードは完全に間違っています。これを読んでみてください：マウスの位置を決定する方法