首页 > 解决方案 > 过滤器值的增加和减少在 Camanjs 中无法正常工作

问题描述

我正在使用 Camanjs 进行图像过滤,我有用于增加亮度的滑块。当我将值增加到滑块时一切正常,这反过来又增加了亮度,但是现在如果我将值减小回 0,虽然它会降低亮度但不会像增加亮度之前那样返回原始图像。

例如:

亮度 -> 40 -> 显示亮度增加的图像

亮度降低回零

Brightness -> 0 -> Should display the image with zero brightness.

同样->如果我应用了模糊然后对比然后删除模糊和对比,我应该得到原始图像。

它应该类似于:http ://camanjs.com/examples/

我的代码:

slidderChangeHandler = (event, element) => {
    event.persist();
    let adjust = [...this.state.adjust];
    adjust.map(el => {
      if (el.name === element.name) {
        el.range = event.target.value;
      }
    });
    this.setState({ adjust: adjust }, () => {
      let imgId = null;
      if (
        $(this.props.selected)
          .attr("id")
          .indexOf("text") > -1
      ) {
        imgId =
          "#" +
          $(this.props.selected)
            .children()
            .attr("id");
      } else {
        imgId = "#" + $(this.props.selected).attr("id");
      }
      window.caman(imgId, function() {
        this[element.name](parseFloat(event.target.value)).render()
      });
    });
  };

我在应用过滤器之前尝试使用this.revert(true),但是重置画布和以前的过滤器丢失了。有谁可以帮我离开这里吗!!

标签: javascriptreactjscamanjs

解决方案


推荐阅读