使用camanjs的多个过滤器不起作用

Question

我有一张图片，我想在同一张图片上应用亮度和对比度。如果我只是简单地应用亮度，但如果我应用了对比度，它就不起作用了；图像变成黑色。我尝试过分层；它不起作用。我尝试在层中渲染，然后在它之后渲染；它也不起作用。我试着渲染每个滤镜；同样的事情。我先试着简单地应用对比度，然后再应用亮度；图像变成灰色。我尝试过this.revert()和this.revert(false).Nope。

我做错了什么？我想让他们的网站上的例子部分喜欢：http://camanjs.com/examples/ PS，亮度和对比度的值来自两个范围输入。

代码是：

​

$('#brightI,#contrastI').on('input change', function(){

   var bright= document.getElementById("brightI").value;
   var contrast= document.getElementById("contrastI").value;

   $('#brightnessValue').text(bright);
   $('#contrastValue').text(contrast);
        Caman("#test", function () {
            this.revert(false);
            this.contrast(contrast);
             this.newLayer(function () 
             {
                this.setBlendingMode('multiply');
                 this.copyParent();
                 this.filter.brightness(bright);
            })
      this.render();
});
});

​

Answer 1

你能试试这段代码吗。

$('#brightI,#contrastI').on('change', function(){
   var bright= document.getElementById("brightI").val();
   var contrast= document.getElementById("contrastI").val();

   $('#brightnessValue').val(bright);
   $('#contrastValue').val(contrast);
        Caman("#test", function () {
            this.revert(false);
            this.contrast(contrast);
             this.newLayer(function () 
             {
                this.setBlendingMode('multiply');
                 this.copyParent();
                 this.filter.brightness(bright);
            })
      this.render();
});
});

我确实将绑定事件和“文本”更改为val() (您可以在另一个元素“非输入”中使用.html() )

.on('input change', function(){
.on('change', function(){

我没有看到从来没有“输入”事件:)祝你好运