2013-05-15 109 views
1

我正在使用Pixastic进行performins图像操作。目前我正在使用它的亮度/对比度代码。如何设置图像亮度以恢复其原始亮度?

下面是HTML代码

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

,这是Pixastic

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

的jQuery代码我能设置它的亮度,但我不能把它背。

让我解释...例如,我将滑块值更改为25,然后将亮度设置为25,但如果我再次将滑块值从25拖动到0,则不会设置图像的原始亮度...... :(

我觉得这是每一次前25,然后加25(50)。

请人帮助我,我问类似的问题yesturday,但没有得到来自计算器任何回应。

而且我认为这是增加价值没有其他选择使用滑块更改图像的亮度,或者请告诉我。

谢谢!

+0

使用调试在Firefox或Chrome检查“brightness_val”的值已分配后。如果这是你所期望的,那么问题出在pixastic的行为/你的使用上。 编辑: 对不起,当我还在写作时意外发送:P – Flipbed

+0

@翻页价值是什么?当我们使用Pixastic.process时,图像转换为画布 – user2307273

+0

@Flipbed我可以通过提醒来检查brightness_val的值,但是当我告诉图像转换为画布时,我无法看到图像加载时的亮度以及改变它回来后它正在添加更改不减少。 – user2307273

回答

0

每个pixastic动作都在画布上进行。所以实际上你首先要做的是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}); 
});