我正在尝试使用Pixastic js 库编辑图像,以便在用户移动 JqueryUI 滑块时图像自动模糊到某个值。我已经使用滑块来使用此咖啡脚本调整图像的不透明度 CSS 值来实现此功能:
#This works
$('.sliderop').slider
min: 0
max: 1
value: 1
step: 0.01
range: "min"
slide: (event, ui) ->
$("#img_16").css('opacity', ui.value)
但是当我尝试使用 Pixastic 库做基本相同的事情时,没有骰子:
#This doesn't
$('.sliderbl').slider
min: 0
max: 5
value: 0.5
step: 0.1
range: "min"
slide: (event, ui) ->
Pixastic.process($("#img_16"), "blurfast", { amount: ui.value})
这段代码的奇怪之处在于它“冻结”了滑块——当我加载页面时,滑块停留在默认值“0.5”并且无法移动(但如果我注释掉Pixastic.process($("#img_16"), "blurfast", { amount: ui.value})
代码,它会移动通常再次)。
这是我的代码问题还是我使用 Pixastic 库的方式有问题?