Eu transformo miniaplicativos Java em experiências JavaScript diariamente. Atualmente estamos trabalhando com a Olympus, uma empresa de microscópio. Como você pode (ou não?) Saber, o que quer que esteja olhando através de um microscópio pode ficar borrado. Ao mostrar isso em um tutorial interativo de JavaScript, devo ter certeza de que o efeito de desfoque funciona em todos os navegadores (incluindo o IE9) e que funciona de forma eficiente em, digamos, um dispositivo iPad (sem matar o processador e a vida útil da bateria). Tenho testado com CompoundBlur de Mario Klingemann: http://www.quasimondo.com/CompoundBlurForCanvas/CompoundBlurDemo.html
O tutorial recente que estou traduzindo para JavaScript requer que o desfoque se desenvolva do centro para fora, outras palavras, a última coisa a desfocar completamente quando a IU do controle deslizante desliza até seu valor máximo são as bordas do espécime foto.
O problema: ao testar o CompoundBlur, percebi que ele estava desfocando de fora para dentro e que as bordas estavam desfocando muito rapidamente. Eu descobri que pegando a diferença entre cada valor no array gradientMap e então invertendo a ordem do array eu era capaz de inverter o efeito de desfoque e combinar o original … Estou escrevendo isso em uma biblioteca estranhamente, então não não acessar meu código neste momento, irei compartilhar o que fiz e os resultados em breve ..