DrawRect()上的EaselJS色差

时间:2015-10-29 10:44:56

标签: javascript canvas easeljs

我有一个简单的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的画布大小相同的矩形。 问题是当我预览我的画布时,#563767的颜色不是#603f72

有人可以解释一下为什么以及如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

我假设您正在使用数字色度计或类似颜色检查颜色?一些(大多数?)浏览器会对画布应用色彩校正,例如gama校正,这会稍微改变你的显示颜色。

公平地说,这似乎是你的例子中一个相当大的转变。您可能在系统上设置了不寻常的颜色配置文件吗?

我玩了你在别处分享的演示: http://jsfiddle.net/en2jsbom/2/

至少在我的系统上,画布总是与CSS颜色匹配,而数字色标总是返回#ff0000(Chrome,Safari,FireFox)。