javascript - 在 javascript 中绘制到 Canvas 上的动态加载图像具有不正确(但接近)的 RGB 值

Question

我有一些 .PNG 图像托管在我自己的 NGINX 网络服务器上，我发现当我以编程方式加载它们然后通过 context.drawImage(img, 0, 0); 并通过 context.getImageData(x, y, 1, 1).data 拉取图像数据，像素 RGB 值不正确.我确实发现，如果我在其自己的选项卡中打开图像并将其拖到我的桌面，它会另存为具有不正确颜色值的 .BMP，但如果我“文件另存为...”，它正确保存为具有正确颜色的 .PNG。所以我不能 100% 确定这是 js 问题还是服务器问题。

http://i.imgur.com/Dr6U0V2.png
顶级是我所期望的
底部是我得到的

Answer 1

为了加速 Canvas 浏览器将对其缓冲区中的颜色值进行 alpha 预乘。

这是一个有损过程，所以当您执行 .getImageData 时，结果通常会“接近但不完全”您最初在 Canvas 上绘制的内容。