javascriptとhtmlスライダ（キャンバスを使用しない）を使用して画像のコントラストを変更するには

タイトルとして、htmlとjavascript（またはjQuery、CSV、...）を使用してコントラストを変更するスライダを作成します。画像。のようなthisトピック。しかし、私はHTML5でCanvasを使用したくありません。javascriptとhtmlスライダ（キャンバスを使用しない）を使用して画像のコントラストを変更するには

これを実行する方法はありますか。ありがとうございました。

出典

2017-05-10 thuynd

にコントラストフィルタを適用しますが、画像のコントラストを制御するためのスライダーを作成するに取り組んでいますか？ – azs06

@ azs06：はい。手伝って頂けますか？ – thuynd

あなたはこのようなものがありますかhttps://jsfiddle.net/azs06/5ah3zh3s/5/ – azs06

あなたはCSSフィルターを使用することができます。

-webkit-filter: contrast(200%);

はちょうどあなたのHTMLスライダーの値を取得し、画像

出典

2017-05-10 08:18:21 Mokkun

私はあなたの提案をしました。しかし、コントラスト（0％）に変更すると、画像の色がグレーになります（w3schoolsのコントラストに関するドキュメントとして完全に黒ではありません：0％は画像を完全に黒くします）012-私はこれらの接頭辞を試しましたが、-ms-、-moz-、-o-、filter。私はその理由を知らない。 – thuynd

javascriptとhtmlスライダ（キャンバスを使用しない）を使用して画像のコントラストを変更するには

答えて

関連する問題