javascript - 过滤器值的增加和减少在 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),但是重置画布和以前的过滤器丢失了。有谁可以帮我离开这里吗!!
解决方案
推荐阅读
- android - 有什么简单的方法可以将 Gradle android 项目迁移到 Bazel
- r - 无论条件如何,if 语句始终为真
- ios - 将具有估计高度的补充项目定位在背景装饰项目上方
- c# - 使用 JsonPatchDocument 手动触发 FluentValidator
- html - 在另一个 div 中获取 div 而不会溢出
- javascript - 如何使用 JavaScript 单击按钮下载文件?
- python - 运行脚本时出现属性错误(AttributeError: 'super' object has no attribute '__getattr__')
- r - 带有 x 的 geom_bar 并以一个因子填充美学并以一秒闪避
- python - 检查一维numpy数组的每个元素是否在二维numpy数组的对应行中
- gulp - 将 Gulp 3 升级到 Gulp 4 - gulp.start.apply