1

我正在使用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 得到任何回复。

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

谢谢！！！

4

1 回答 1

0

每个像素动作都在画布上执行。所以实际上你首先做的是 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});
});
于 2013-12-10T14:07:09.807 回答