1

私は非常に奇妙な要件を持っています。私は画像（画像にはわずかなグラデーション効果があります）を持っています。この中央部分は、ハイスコアの場合はユーザースコアの色255,255,0、ロースコアの場合は155,155,55の色の変化で表示する必要があります

HTML5 Canvas で試してみましたが、IE ではうまくいかないので、このオプションは破棄します。

cssでできるかどうかわからない

または、PHP を使用して GD lib を使用する

ここに画像があります 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 に答える