Javascript chrome和firefox中canvas.getContext(";2d";).getImageData(x,y,1,1)数据的问题

Javascript chrome和firefox中canvas.getContext(";2d";).getImageData(x,y,1,1)数据的问题,javascript,google-chrome,firefox,canvas,colors,Javascript,Google Chrome,Firefox,Canvas,Colors,最近,我一直在编程,并且在浏览器之间遇到了不一致的情况,使用document.getElementById(canvasId).getContext(“2d”).getImageData(x,y,1,1).data命令。我有一张图片,这张图片的一部分是彩色rgb(246247247)(我在photoshop中设置了颜色)。我调用getImageData方法获取单击点的图像数据,查看颜色,如果颜色在某个范围内(我在数组中定义了该范围),它将在该区域上绘制一个点。我在IE中运行它,它的工作原理与预期

最近,我一直在编程,并且在浏览器之间遇到了不一致的情况,使用
document.getElementById(canvasId).getContext(“2d”).getImageData(x,y,1,1).data命令。我有一张图片,这张图片的一部分是彩色rgb(246247247)(我在photoshop中设置了颜色)。我调用
getImageData
方法获取单击点的图像数据,查看颜色,如果颜色在某个范围内(我在数组中定义了该范围),它将在该区域上绘制一个点。我在IE中运行它,它的工作原理与预期一样,颜色以rgb(246247247)显示。当我在Chrome或Firefox中使用完全相同的图像运行完全相同的代码时,问题就出现了,浏览器说颜色分别是rgb(246247246)和rgb(246247276)。为什么浏览器说颜色与实际颜色不同?有没有其他方法可以可靠地获取画布中像素的颜色?
提前谢谢

作为记录,web浏览器呈现的颜色都不同。确保颜色始终相同的最佳方法是使用web安全的颜色,并将图像导出为PNG-8,不使用gamma通道。

请注意,web浏览器呈现的颜色都不同。确保颜色始终相同的最佳方法是使用web安全的颜色,并将图像导出为PNG-8,而不使用gamma通道