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();
   }
});