XとYのピクセル座標取得私はいくつかの画像データを反復していますgetImageData

Question

キャンバスので、同じようcanvasから引か：

var imageData = this.context.getImageData(0, 0, this.el.width, this.el.height); 
var data = imageData.data; 

for (var i = data.length; i >= 0; i -= 4) { 
    if (data[i + 3] > 0) { 
     data[i] = this.colour.R; 
     data[i + 1] = this.colour.G; 
     data[i + 2] = this.colour.B; 
    } 
} 

は、どのように私は、現在のXを計算しないと、Yピクセルは私がいることを座標で？

Answer 1

単純な算術シーケンス：

分割幅によって線形位置。それがあなたのY座標です。そのY座標に幅を掛け、線形位置からその値を減算します。結果はX座標です。

また、RGBAであるため、線形位置を4で除算する必要があります。

Answer 2

これは

var x = (Math.floor(i/4) % 4); 
var y = Math.floor(Math.floor(i/this.el.width)/4); 

Answer 3

を修正し、コードのバージョンテストされ動作するはずです：

var x = (i/4) % this.el.width; 
var y = Math.floor((i/4)/this.el.width);