如何设置图像亮度以恢复其原始亮度？

Question

我使用Pixastic执行图像操作。目前我使用的是亮度/对比度代码。

这是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});
    });

我可以设置它的亮度，但我不能把它拿回来。

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

我认为每次都是先加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});
});