0

このページの URL のような機能を作成しようとしています: http://camanjs.com/examples/画像フィルター用。

私はこのコードで試しました。

 var img_map = Caman("#test-canvas", "../images/test1_640.jpg");

//update brightness
   function update_brightness(value){
        //img_map.revert();
        img_map.brightness(value).render();
   }

//update contrast
    function update_contrast(value){
        //img_map.revert();
        img_map.contrast(value).render();
   }

画像の変更は、私が参照しているサイトとは異なります。主な問題は、コントロールを増やしたときに正常に動作することです。しかし、コントロール値を下げようとするとうまくいきません。

明るさやコントラストの値を制御するために、「範囲」入力を使用しました。

        <img id="test-image" src="../images/test1_640.jpg" />
        <canvas id="test-canvas"></canvas>
brightness
<input onchange="update_brightness(this.value);" type ="range" min ="-100" max="100" step ="10" value ="0"/>

contrast
<input onchange="update_contrast(this.value);" type="range" min="-100" max="100" step="" value="0">
4

2 に答える 2

3

編集: 私はちょうどコーヒー スクリプトを JavaScript にコンパイルし、(できれば) 簡単に使用できるように自分のレポに入れました:

https://github.com/nbieber/CamanJS-example

元のソースはこちらにあります: https://github.com/meltingice/CamanJS-Site/blob/master/_assets/javascripts/examples.js.coffee

ただし、それはコーヒースクリプトにあります。

于 2014-07-03T23:43:23.590 に答える