實現圖像上的劃痕/嘈雜效果

我想在網頁的首頁上實現對偶爾會觸發的圖像的效果，只是爲了實現效果。實現圖像上的劃痕/嘈雜效果

我在網上搜索了它，但沒有點擊。任何人知道如何產生類似於我附加的圖片的效果？

它有點像一個扭曲的，嘈雜的，發癢的效果，它需要一個普通的正常圖像，並扭曲它，然後再恢復正常。

問候

2014-03-03 Imbue

使兩個圖像。一個正常的，一個扭曲並且不時迅速交換它們。 –

https://github.com/ArtBIT/html5-canvas-tv-glitch 請看這裏：http://artbit.github.io/html5-canvas-tv-glitch/index.html（點擊電視屏幕！） – JohanVdR

真棒，非常感謝你 – Imbue

您可以通過在畫布上繪製圖像達到的效果，然後用JavaScript操作的像素。

你可以實現任何東西。下面是一些波的例子：http://lislis.sakura.ne.jp/canvas/wave/wave02.html

2014-03-03 20:24:32 Strille

進一步解釋：CSS沒有像這樣的圖像效果的任何設施，並且jQuery可能也不會有太大的幫助。您需要使用JavaScript過濾並將圖像呈現到畫布。 –

謝謝喬爾，我已經擴大了我的答案，以便更清楚。 – Strille

回答