HTML5 Canvas 运动模糊效果? [英] HTML5 Canvas Motion Blur effect?

问题描述

我正在尝试使用 HTML5 画布制作类似运动模糊效果的东西，但没有成功.

I'm trying to use HTML5 canvas to make something like a motion blur effect and no success.

基本上我想做的是拍一张照片，让它看起来像快进"，就像你拍照并且人移动一样.

Basically what I'm trying to do is to take a photo and make it look like "fast forwarded", like when you take a picture and the person moved.

推荐答案

有几个画布库已经实现了各种模糊算法.EaselJS 已经独立实现了 x 轴和 y 轴模糊，如您所见 在这个示例中.

There are several libraries for canvas that have implemented various blurring algorithms. EaselJS has implemented x- and y-axis blurring independently, as you can see in this sample.

您可能想要的只是他们库中的 x 轴模糊.

All you might want is a x-axis blur from their libray.

这篇关于HTML5 Canvas 运动模糊效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！