Javascript Canvas 使用 getImageData(x, y, 1, 1).data 获取颜色

【问题标题】：Javascript Canvas get color with getImageData(x, y, 1, 1).dataJavascript Canvas 使用 getImageData(x, y, 1, 1).data 获取颜色
【发布时间】：2015-06-03 23:52:41
【问题描述】：

当我在电脑中使用颜色 getImageData (x, y, 1 , 1) .data 时给我一个 rgb，但是当我在手机上执行时我有不同的值，例如：

个人电脑：255 255 255 手机：255 254 255

个人电脑：255 0 0 手机：255 2 0

使用颜色做出某些决定

【问题讨论】：

有什么问题？
我如何在手机和电脑中获得相同的颜色

标签： javascript jquery canvas colors

【解决方案1】：

我猜你在将图像绘制到画布时会出现差异，因为使用路径命令的绘图应该跨设备提供真正的 rgba 渲染。

浏览器可以灵活地对画布上绘制的图像应用颜色和伽玛校正，因此您的 getImageData 值可能会略有不同。

@KenFyrstenberg 创建了一个不错的脚本，它可以读取原始 .png 文件并直接从文件中为您提供原始颜色值。也许您可以使用他的脚本来创建一个后备存储（位图或数组），您可以使用它来规范化跨浏览器的用户选择的像素值。

https://github.com/epistemex/pngtoy

【讨论】：