이미지에 긁힘/노이즈 효과 발생

내 웹 페이지의 첫 페이지에서 한 번만 트리거되는 이미지에 효과를주기를 원합니다.이미지에 긁힘/노이즈 효과 발생

나는 웹을 검색했지만 조회수가 없습니다. 내가 첨부 한 그림과 유사한 효과를내는 방법을 아는 사람은 누구입니까?

다소 왜곡되고 시끄럽고 마찰적인 효과가 있습니다. 보통의 일반적인 이미지를 왜곡 한 다음 다시 정상으로 되돌립니다.

안부

2014-03-03 Imbue

두 개의 이미지를 확인합니다. 하나는 정상이고, 다른 하나는 왜곡되어 가끔 신속하게 교환됩니다. –

https://github.com/ArtBIT/html5-canvas-tv-glitch 여기를 참조하십시오 : http://artbit.github.io/html5-canvas-tv-glitch/index.html (TV 화면을 클릭하십시오!) – JohanVdR

awesome, 고맙습니다. – Imbue

넌 캔버스에 화상을 드로잉함으로써 효과를 달성하고 자바 스크립트를 사용하여 픽셀을 조작 할 수있다.

2014-03-03 20:24:32 Strille

더 자세히 설명하면 : CSS에는 이와 같은 이미지 효과를위한 기능이 없으므로 jQuery는별로 도움이되지 않습니다. 이미지를 캔버스로 필터링하고 렌더링하려면 JavaScript를 사용해야합니다. –

고마워요 조엘, 제 대답이 더 명확해질 수 있도록 확장했습니다. – Strille

답변