Question

我正在使用Pixastic进行performins图像操作。目前我正在使用它的亮度/对比度代码。

这是HTML代码

<input type="range" id="brightness_range"  min="-150" max="150" value="0" />

这是Pixastic的jQuery代码

jQuery('#brightness_range').change(function(){
        var img = document.getElementById ('image');
        var brightness_val = parseInt(jQuery('#brightness_range').val());
        Pixastic.process(img, "brightness", {brightness:brightness_val});
    });

我可以设置亮度，但我无法将其恢复。

让我解释一下......例如，我将Slider值更改为25，然后将亮度设置为25，但如果我将滑块值从25再次拖动到0，那么它不会设置Image的原始亮度... :(

我认为每次前25次加上25次（50次）都会增值。

请大家帮帮我，我周六问了类似的问题，但没有得到stackoverflow的任何回复。

我认为没有其他方法可以使用滑块更改图像的亮度，或者请告诉我。

感谢!!!

Answer 1

每个像素化的动作都是在画布的顶部进行的。所以实际上你首先要做的亮度为25，然后亮度为0（没有做任何事情）。

要使其按预期工作，请将代码更改为以下内容：

jQuery('#brightness_range').change(function(){
    var img = document.getElementById ('image');
    var brightness_val = parseInt(jQuery('#brightness_range').val());
    Pixastic.revert(img); // Note that this is an undocumented feature, but it exists.
    Pixastic.process(img, "brightness", {brightness:brightness_val});
});

如何设置图像亮度以支持其原始亮度？

1 个答案: