CBFimage 一个利用 canvas 全屏图片插件，可以自定义图片模糊程度，并且可以显示图片加载进度

[coraline]

春节这几天间断做的，一个简单的 js 插件

预览地址

• 正常图片： http://loeify.github.io/CBFimage/
• 模糊图片： http://loeify.github.io/CBFimage/blur.html

项目地址

https://github.com/LoeiFy/CBFimage

其他

• 网速太快的加载进度条会一闪而过
• 详细使用请看 github readme，有什么问题或者建议请留言，非常感谢

[tamamaxox]

不明白想应用到什么场景，突破都加载好了才本地定义模糊？避免2次加载有304不就好了吗

[coraline]

@tamamaxox

例如可以用在个人网站之类的全屏背景图。
图片原本不是模糊的，所以只有加载完成后 canvas 重新绘制
储存在 localstorage ，方便更新控制，并且不产生请求。当然 304 也有各自好处，我这里是选择用 localstorage