Ha sidopreguntado antes, pero la solución aceptada no funciona para mí (literalmente, no hay nada borroso para mí en la demostración enlazada), y es un poco un embrollo que involucra dos elementos del lienzo.

Actualmente estoy usando la técnica de desenfoque de movimiento del "hombre pobre", que básicamente implica mezclar la imagen de origen con el lienzo una y otra vez, y colocar un rectángulo semitransparente del mismo color que el fondo en la parte superior después de cada iteración.

Aquí hay una demostración:http://jsfiddle.net/YmABP/

Como puede ver, funciona bien para los bordes de la imagen, pero las partes internas de la imagen no se borran en absoluto, y se ven terribles con las imágenes que tienen una transparencia parcial.

¿Hay una técnica mejor para el desenfoque de movimiento? Idealmente, me gustaría poder hacer algo comocontext.drawImage y pasar un parámetro de opacidad, pero AFAIK no existe nada de eso. Algunas de las imágenes pueden estar alojadas en dominios de terceros, por lo que no tendré acceso a los datos de píxeles individuales. Si se trata de eso, podemos arrastrar las imágenes a nuestro servidor y luego podré recorrer cada píxel y dibujarlo como un pequeño rectángulo semitransparente, pero esto parece una exageración.

¿Alguien sabe de una mejor solución de desenfoque de movimiento, preferiblemente una que pueda usar con imágenes remotas?

Dudo que esto importe, pero para mis propósitos actuales, las cosas solo se mueven hacia arriba.