如何获得像素位置

时间:2015-11-01 15:06:38

标签: javascript math canvas pixel-manipulation

我觉得这个问题真的很蠢,但请耐心等待。我知道将像素位置放在线性阵列中的公式:

<input type="file"/>

工作正常。 jsFiddle。但在图像/表格线性化之前,相同的公式并不起作用。你需要使用(为了简单起见,让我们丢弃RGBA)

pos = (y * width + x) * 4

enter image description here

为什么?我可能错过了一些非常简单的事情。

更新:我知道这很简单。傻我。

enter image description here

1 个答案:

答案 0 :(得分:0)

在javascript中,像素坐标从0开始,与任何坐标系相同。像素由其左上角引用,因此第一个像素位于(0,0),然后下一个右边(1,0)(2,0),依此类推。在(0,1)下方的像素我们给出相对于原点(0,0)的坐标。

我们给出尺寸作为计数。使用宽度和高度时,它们是像素数,您在计算时从一开始。所以第100个像素在第99行。就像21世纪一样,但我们在2015年。

因此无需从像素坐标中减去1。