如何从图像中获取像素的x，y坐标颜色？

Question

如何从图像中获取像素的x，y坐标颜色？有没有任何方法来检查PNG图像中选定的(x，y)点是否透明？

Answer 1

画布将是一个很好的方法来做到这一点。看看这个答案，有一个很好的例子：

从HTML画布中获取Pixel？

有些代码也可以专门为您服务：

var imgd = context.getImageData(x, y, width, height);var pix = imgd.data;for (var i = 0, n = pix.length; i < n; i += 4) {
  console.log pix[i+3]}

这将逐行进行，因此您需要将其转换为x，y，并将for循环转换为直接检查，或者在内部运行条件。

再读一遍你的问题，看上去你似乎想得到别人点击的观点。使用jQuery的Click事件可以很容易地做到这一点。只需在单击处理程序中运行上述代码，如下所示：

$('el').click(function(e){
   console.log(e.clientX, e.clientY)}

这些应该会得到你的x和y值。