星のアイコンがあります。このアイコンを未知数の色で使用したいです。
赤い星が必要な場合もあれば、紫の星が必要な場合もあります。
Web サービスを使用して、サーバー上に画像を動的に作成できました。
私が興味を持っているのは、必要なすべての色の画像を明示的に作成せずに、このアイコンの色を制御する方法はありますか?
星のアイコンがあります。このアイコンを未知数の色で使用したいです。
赤い星が必要な場合もあれば、紫の星が必要な場合もあります。
Web サービスを使用して、サーバー上に画像を動的に作成できました。
私が興味を持っているのは、必要なすべての色の画像を明示的に作成せずに、このアイコンの色を制御する方法はありますか?
グリフィコンまたはその他の種類のアイコンベースのフォントを使用する必要があります: http://twitter.github.com/bootstrap/base-css.html#icons
アイコンベースのフォントの動作例を次に示します: http://css-tricks.com/examples/IconFont/
これを行うには3つの方法が考えられます。
生成できる星の画像は、黒 1 つ、赤 1 つ、青 1 つ、緑 1 つ (白以外の背景の場合は白も 1 つ) の 4 つだけです。次に、それらすべてを積み重ねて、不透明度を調整して、必要な色を取得します。
SVG アイコンを使えば、やりたいことが何でもできます :)
Raphael JS ライブラリの例を次に示します: http://raphaeljs.com/icons/