文章/答案/技术大牛

发布

社区首页 >问答首页 >使用滑块和Pixastic库编辑图像

问使用滑块和Pixastic库编辑图像
EN

Stack Overflow用户

提问于 2012-11-02 11:27:31

回答 2查看 487关注 0票数 0

我正在尝试使用Pixastic js library编辑图像，以便当用户移动JqueryUI滑块时，图像会自动模糊到某个值。我已经使用滑块来调整图像的不透明度CSS值，使用这个coffeescript：

#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库的方式有问题？

javascript

jquery-ui

coffeescript

pixastic

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-01-30 01:30:39

因为您使用的是Pixastic库的jquery版本。如果你在没有jquery插件的情况下下载Pixastic库，那么前面的代码应该可以正常工作。

票数 1

Stack Overflow用户

发布于 2012-11-02 11:54:39

好的，我找到了另一个问题的答案Pixastic Blur not working - variable issue?

代码在更改为以下代码时有效：

$('.sliderbl').slider
    min: 0
    max: 5
    value: 0.5
    step: 0.1
    range: "min"
    slide: (event, ui) ->
        $("#img_16").pixastic("blurfast", {amount:ui.value})

在另一个页面上(不是以这种方式使用滑块)，Pixastic调用运行得很好。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13188896

复制

相似问题

问使用滑块和Pixastic库编辑图像
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用滑块和Pixastic库编辑图像EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用滑块和Pixastic库编辑图像
EN