drawRect() 上的 EaselJS 色差

Question

我有一个简单的 easel.js 游戏，我将背景绘制为：

b_color.graphics
   .beginFill('#563767') //this color is rendered lighter.
   .drawRect(0, 0, w, h);
   background = new createjs.Container();
   background.addChild(b_color);

只需从 0,0 绘制一个与 canvas 大小相同的矩形。问题是，当我预览 canvas 时，颜色不是 #563767 而是 #603f72。

谁能解释一下为什么以及如何解决这个问题？

Answer 1

我假设您正在使用数字色度计或类似工具检查颜色？某些（大多数？）浏览器会对 canvases 应用颜色校正，例如 gama 校正，这会稍微改变您的显示颜色。

公平地说，在您的示例中这似乎是一个相当大的转变。您的系统上是否设置了不寻常的颜色配置文件？

我玩过你在其他地方分享的演示： http://jsfiddle.net/en2jsbom/2/

至少在我的系统上，canvas 总是匹配 CSS 颜色，数字色度计总是 returns #ff0000 (Chrome, Safari、FireFox）。

drawRect() 上的 EaselJS 色差

EaselJS color difference on drawRect()

javascript

canvas

easeljs