开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >在图像上实现划痕/噪声效果

问在图像上实现划痕/噪声效果
EN

Stack Overflow用户

提问于 2014-03-04 04:21:37

回答 1查看 567关注 0票数 0

我想要在我的网页的首页上实现一个图像的效果，这是偶尔触发的，只是为了效果。

我在网上搜索了一下，但没有找到结果。有谁知道如何制作类似于我所附图片的效果？

它有点像扭曲的，嘈杂的，粗糙的效果，取一个普通的正常图像，然后扭曲它，然后将它恢复到正常。

这在css3/jquery或类似的东西中是可以实现的吗？noise effect http://ak.picdn.net/shutterstock/videos/4183625/preview/stock-footage-turn-on-and-off-tv-noise-effect-with-some-lens-flare.jpg

问候

EN

回答 1

Stack Overflow用户

发布于 2014-03-04 04:24:33

您可以通过在画布上绘制图像，然后使用JavaScript操作像素来实现此效果。

你几乎可以实现任何事情。下面是一些waves的示例：http://lislis.sakura.ne.jp/canvas/wave/wave02.html

将图像转换为灰度：http://www.html5canvastutorials.com/advanced/html5-canvas-grayscale-image-colors-tutorial/

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22156590

复制

相似问题