如何從JavaScript中的圖像獲取像素索引

Question

我想讓球碰到板子時彈跳。 因此，當球擊中棋盤時，我必須獲取棋盤像素以使其反彈。 我嘗試過這種方法，但是沒有用。 這是我的代碼Javascript代碼

var xboard = document.getElementById(board)
var movx = parseInt(xboard.style.left)

圖片代碼

<img id="board" style="z-index: 0; left: 300;position: absolute; top: 600px" align=baseline border=0 hspace=0 src="design/board.gif">

當我嘗試通過

alert(movx)

它在警報框中顯示“未定義”。 有人可以幫我嗎？

Answer 1

我認為您需要用px聲明位置：

left: 300px

似乎可以工作： http ： //jsfiddle.net/p2gRq/

Answer 2

該方法為您提供了傳遞的控制坐標

<img id="board" style="z-index: 0; left: 300;position: absolute; top: 600px" align=baseline border=0 hspace=0 src="design/board.gif">

function findPos(obj){
var curleft = 0;
var curtop = 0;

if (obj.offsetParent) {
    do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;
       } while (obj = obj.offsetParent);

    return {X:curleft,Y:curtop};
}
}

findPos(document.getElementById('board'));
alert(curleft);
alert(curtop);

欲了解更多詳情點擊這里

Answer 3

您正在嘗試使用實際元素而不是其id 。

更改此：

var xboard = document.getElementById(board);

至：

var xboard = document.getElementById('board');

並確保您沒有嘗試訪問存在的board 。