JQuery Slider与camanJS插件无法正常工作

Question

我想用jquery滑块操纵图像的对比度，但是当触发jquery滑块时，图像转换为纯黑色，白色，灰色，深灰色，浅灰色等，取决于滑块范围。

camanJS Plugin

var $this;
 Caman("#canvas", "/Images/pic.png", function () {
            $this = this;
   });
 $("#slider-range").slider({
       min: -100,
       max: 100,
       value: 0,
       slide: function (event, ui) {
          $this.contrast(ui.value).render();
   }
});

Answer 1

试试这个，

var caman = Caman("#canvas", "/Images/pic.png");
$("#slider-range").slider({
   min: -100,
   max: 100,
   value: 0,
   slide: function (event, ui) {
        caman.contrast(ui.value).render();
   }
});