我有一个简单的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
。
有人可以解释一下为什么以及如何解决这个问题?
答案 0 :(得分:1)
我假设您正在使用数字色度计或类似颜色检查颜色?一些(大多数?)浏览器会对画布应用色彩校正,例如gama校正,这会稍微改变你的显示颜色。
公平地说,这似乎是你的例子中一个相当大的转变。您可能在系统上设置了不寻常的颜色配置文件吗?
我玩了你在别处分享的演示: http://jsfiddle.net/en2jsbom/2/
至少在我的系统上,画布总是与CSS颜色匹配,而数字色标总是返回#ff0000
(Chrome,Safari,FireFox)。