Javascript Canvas 使用 getImageData(x, y, 1, 1).data 获取颜色
Javascript Canvas get color with getImageData(x, y, 1, 1).data
当我在 PC 中输入颜色 getImageData ( x, y, 1 , 1) .data 时,我得到了 rgb,但是当我在 phone 上执行时,我有不同的值,例如 :
个人电脑:255 255 255
手机:255 254 255
个人电脑:255 0 0
手机:255 2 0
使用颜色做出某些决定
我猜您在将图像绘制到 canvas 时会出现差异,因为使用路径命令的绘图应该提供跨设备的真实 rgba 渲染。
浏览器可以灵活地对 canvas 上绘制的图像应用颜色和伽玛校正,因此您的 getImageData
值可能会略有不同。
@KenFyrstenberg 创建了一个很好的脚本,它可以读取原始 .png 文件并直接从文件中为您提供原始颜色值。也许您可以使用他的脚本创建一个后备存储(位图或数组),您可以使用它来规范化跨浏览器的用户选择的像素值。
当我在 PC 中输入颜色 getImageData ( x, y, 1 , 1) .data 时,我得到了 rgb,但是当我在 phone 上执行时,我有不同的值,例如 :
个人电脑:255 255 255 手机:255 254 255
个人电脑:255 0 0 手机:255 2 0
使用颜色做出某些决定
我猜您在将图像绘制到 canvas 时会出现差异,因为使用路径命令的绘图应该提供跨设备的真实 rgba 渲染。
浏览器可以灵活地对 canvas 上绘制的图像应用颜色和伽玛校正,因此您的 getImageData
值可能会略有不同。
@KenFyrstenberg 创建了一个很好的脚本,它可以读取原始 .png 文件并直接从文件中为您提供原始颜色值。也许您可以使用他的脚本创建一个后备存储(位图或数组),您可以使用它来规范化跨浏览器的用户选择的像素值。