HTML5 ImageData逆向求坐标公式

HTML5中的ImageData存储的是图片的RGBA数据,通过索引(Index)可以得到每个像素的RGBA信息.

我们可以用x,y坐标计算出索引的值:

i=ywidth4+x*4

但是当我们只知道index的值时,计算出x,y坐标就不是那么容易了.

经过一番推导,得出换算公式如下:

t=i%(4*width)

x=(t-t%4)/4

y=((i+(4-i%4))/4-x)/width;

关于y的值还有另外一种不依赖x值的求法:

y=Math.floor(i/(4*width));