仅仅是需要给模糊的话,做一张半透明的图片,将这个图片绘制在canvas最上面即可!canvas的模糊效果,有现成的插件StackBlur.js,可以试试
硬要往这方面想的话,我觉得可以先把canvas的内容生成图片,然后让css3滤镜作用在这图片上,然后再利用html2canvas这个库将图片转回canvas,此时canvas已经是带上滤镜效果的了,这时你再保存为图片就可以了
html2canvas