V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
coraline
V2EX  ›  分享创造

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

  •  
  •   coraline · 2015-02-24 22:15:05 +08:00 · 2247 次点击
    这是一个创建于 3558 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    预览地址

    项目地址

    https://github.com/LoeiFy/CBFimage

    其他

    • 网速太快的加载进度条会一闪而过
    • 详细使用请看 github readme,有什么问题或者建议请留言,非常感谢
    2 条回复    2015-02-25 20:38:31 +08:00
    tamamaxox
        1
    tamamaxox  
       2015-02-25 09:58:57 +08:00 via Android
    不明白想应用到什么场景,突破都加载好了才本地定义模糊?避免2次加载有304不就好了吗
    coraline
        2
    coraline  
    OP
       2015-02-25 20:38:31 +08:00
    @tamamaxox

    例如可以用在个人网站之类的全屏背景图。
    图片原本不是模糊的,所以只有加载完成后 canvas 重新绘制
    储存在 localstorage ,方便更新控制,并且不产生请求。当然 304 也有各自好处,我这里是选择用 localstorage
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2772 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:21 · PVG 21:21 · LAX 05:21 · JFK 08:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.