使用Pixastic的組合效果/濾鏡

我使用Pixastic來改變畫布上圖像的亮度和對比度等簡單效果。使用Pixastic的組合效果/濾鏡

但是，我一直無法找到一種方法來將這些效應結合在一起。例如。應用亮度，然後在已經變亮的圖像上應用對比度，而不是原始圖像。

使用Pixastic.revert(img);不起作用，因爲它將每個效果應用於原始圖像而不是分層。

我甚至不確定Pixastic是否可以這樣做，因爲我幾周來一直沒能找到解決方案。

是否有任何其他的jquery插件做類似的事情，如改變圖像的亮度和對比度。我需要爲IE9 +工作，所以我的選擇非常有限。大多數東西似乎只適用於Chrome/Opera/Safari等。

來源

2015-06-08 chali

您是否考慮過[CSS3]（http://html5-demos.appspot.com/static/css/filters/index.html）而不是Canvas？ CSS3更快 – Curious

是的，我做了，但它不適用於IE。 – chali

我剛剛嘗試應用亮度和對比度（'Pixastic.process（img，「亮度」，{亮度：50，對比度：0.5}）;'），它似乎工作正常。用不同的參數調用兩次'process'方法也是一樣。 [本頁]有一個例子（http://dph.am/pixastic-docs/docs/actions/brightness/）。 – Curious

看看CamanJS。

在他們docs有下面的例子：

Caman("#image-id", function() { 
    this.brightness(10); 
    this.contrast(20); 
    this.render(function() { 
    alert("Done!"); 
    }); 
});

該庫採用了隱藏式帆布和渲染後，它base64格式重置src attribure img標籤。

是的，它與IE9 +

的作品，您可以查看例子here。

來源

2015-06-08 16:06:39 Curious

是的，我也嘗試過CamanJS。不幸的是，它非常緩慢。 :( – chali

使用Pixastic的組合效果/濾鏡

回答

相關問題