1

我有一个非常奇怪的要求，我有一个图像（图像有轻微的渐变效果），其中中心部分需要显示颜色变化，用户得分颜色为高分 255,255,0，低分为 155,155,55

现在我想知道我应该用哪种方式来做，我用 HTML5 Canvas 尝试过，但它不适用于 IE，所以我放弃了这个选项

我不知道它是否可以用css完成

或者使用 PHP 的 GD 库

这是图片 http://i47.tinypic.com/b88l13.png

谢谢

4

1 回答 1

1

我使用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/使其在 IE8 中运行（或者也许 Processing.js 已经集成了这个）

于 2013-01-26T01:51:57.527 回答