2017-01-02 3 views
0

赤を90%、緑を80%、青を70%に軟化させる画像フィルタを使用する必要があります。例えば、私は画像のマトリクスsvgフィルタで色を柔らかくする

rgb(229,204,178) 

(= 70%* 255 229 = 90%* 255、204 = 80%* 255、178)に

rgb(255,255,255) 

を変換する必要があります。それは色rgb(229,204,178)で説明したものよりも明るい色の画像に白画像を変換するので、予想通り

<feColorMatrix in="SourceGraphic" type="matrix" values="0.9 0 0 0 0 
     0 0.8 0 0 0 
     0 0 0.7 0 0 
     0 0 0 1 0"/> 

残念ながら、フィルターが動作しません:以下のように、私は、SVGフィルターを定義しています。 JSFiddleコードと結果を参照してください。

おそらく、私はマトリックスフィルターの働きがよく分かっていません。記載された効果をどのように得ることができますか? (赤、緑、青が90%、80%、70%に減少)

答えて

2

色空間としてsRGBを指定する必要があります。追加する:

color-interpolation-filters="sRGB" 

フィルタエレメントにはすべてうまく動作します。

関連する問題