0

一部のピクセルが透明な png 画像があります。画像はオールホワイトです。css または javascript を使用して、16 進コードを指定して色を別の色にブレンドするにはどうすればよいですか?

私は次のようなものを探しています(これは単なる擬似コードです)

<img src="test.png" style="color-blend:#ffea6e;"/>

したがって、これの効果は、画像の(白だったので)新しい色が正確に指定された色になることです。透明なピクセルは影響を受けません (つまり、透明のままです)。

4

1 に答える 1

0

CSS グラデーションを使用すると、この効果を実現できます。ブレンド部分の「停止」設定が正しいことを確認してください。

CCS Graidents の優れたジェネレーター: http://www.colorzilla.com/gradient-editor/

開始するための透明度が既に含まれているプリセット グラデーションがあることがわかります。

<canvas> 要素は、あなたが達成しようとしていることに対してやり過ぎのように見え、HTML5 マークアップであり、IE9+ (および他のほとんどすべてのブラウザー ; ) でのみサポートされています。

于 2012-06-01T01:29:48.510 に答える