我有一个很奇怪的要求,我有一个图像(图像有轻微的渐变效果),其中中心部分需要随着用户分数的颜色变化而显示颜色 255,255,0 表示高分,155,155,55 表示低分
现在我想知道我应该用哪种方式去做,我尝试过使用 HTML5 画布,但这不适用于 IE,所以我放弃了这个选项
我不知道它是否可以用 css 完成
或者使用 PHP 的 GD 库
这是图像http://i47.tinypic.com/b88l13.png
谢谢
我使用Processing.js库开发了几个项目,我爱上了它。如果你愿意,你可以尝试一下,你可以用几行做你要求的事情,使用http://processingjs.org/reference/tint_/.
PImage b;
b = loadImage("http://i47.tinypic.com/b88l13.png");
void setup(){
size(200,200);
}
void draw(){
tint(255, 0, 0);
image(b, 0, 0);
}
您可能希望将彩色(金字塔)部分与背景分开,并仅对该部分进行着色。
请注意,在演示中,我使用了该映像的 Base64 版本来避免跨域策略问题。演示:http://jsfiddle.net/CrUja/
它可以在IE9中工作,我认为您可以使用 http://code.google.com/p/explorercanvas/(或者可能是处理.js已经集成了此功能)在IE8中工作。