Tem sidoperguntou antes, mas a solução aceita não funciona para mim (literalmente, nada está borrando para mim na demonstração vinculada), e é um pouco de um kludge envolvendo dois elementos da tela.

Atualmente estou usando a técnica de motion blur do "pobre", que basicamente envolve blitting a imagem de origem para a tela mais e mais, e soltando um retângulo semi-transparente da mesma cor que o fundo no topo após cada iteração.

Aqui está uma demonstração:http://jsfiddle.net/YmABP/

Como você pode ver, funciona bem para as bordas da imagem, mas as partes internas da imagem não ficam borradas, e fica horrível com imagens com transparência parcial.

Existe uma técnica melhor para desfoque de movimento? Idealmente, gostaria de poder fazer algo comocontext.drawImage e passar um parâmetro de opacidade, mas AFAIK nada disso existe. Algumas das imagens podem estar hospedadas em domínios de terceiros, por isso não terei acesso aos dados de pixel individuais. Se chegar a isso, podemos puxar as imagens para o nosso servidor e então eu poderia iterar sobre cada pixel e desenhá-lo como um retângulo minúsculo semitransparente, mas isso parece um exagero.

Alguém sabe de uma melhor solução de motion blur, de preferência uma que eu possa usar com imagens remotas?

Duvido que isso importe, mas, para meus propósitos atuais, as coisas só se movem para cima.