我正在尝试使用HTML5画布制作类似运动模糊效果的内容，但没有成功。
基本上我要做的就是拍一张照片，让它看起来像“快进”，比如当你拍照并且移动的人时。
答案 0 :(得分：4)
有几个用于canvas的库已经实现了各种模糊算法。 EaselJS已独立实施x轴和y轴模糊，您可以看到in this sample.
您可能想要的只是来自其库的x轴模糊。
答案 1 :(得分：0)
我遇到了相反的问题。在缩放图像时，我试图摆脱模糊。幸运的是，我的问题导致了一个简单的问题解决方案。此外，繁重的工作由API执行，因此效率很高。
如果您将图像绘制到较小分辨率的画布然后将其放大，则会出现模糊图像。我已经在很多浏览器中尝试了这个，它看起来大致相同。 This question探讨了如果您担心这种技术在浏览器和未来版本中的一致性，浏览器何时以及为何会使用此模糊行为。
canvas.drawImage的image参数接受另一个画布。将图像绘制到中间画布时，可以尝试沿一个轴使用小分辨率。然后，将其缩放回原始大小，模糊效果应主要沿一个轴。
我不是图像专家所以我不知道如何最佳地使用运动模糊（是否应该沿着一个轴等），但是通过一些小小的研究，你可以使用这种技术来获得你想要的效果。
希望这有帮助