如何設置圖像亮度以恢復其原始亮度？

我正在使用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，但沒有得到來自計算器任何迴應。

而且我認爲這是增加價值沒有其他選擇使用滑塊更改圖像的亮度，或者請告訴我。

謝謝！

來源

2013-05-15 user2307273

使用調試在Firefox或Chrome檢查「brightness_val」的值已分配後。如果這是你所期望的，那麼問題出在pixastic的行爲/你的使用上。編輯：對不起，當我還在寫作時意外發送：P – Flipbed

@翻頁價值是什麼？當我們使用Pixastic.process時，圖像轉換爲畫布 – user2307273

@Flipbed我可以通過提醒來檢查brightness_val的值，但是當我告訴圖像轉換爲畫布時，我無法看到圖像加載時的亮度以及改變它回來後它正在添加更改不減少。 – user2307273

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

來源

2013-12-10 14:07:09 user3087157

如何設置圖像亮度以恢復其原始亮度？

回答

相關問題