V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
GUMU
V2EX  ›  JavaScript

新人练手:波浪进度指示器

  •  
  •   GUMU · 2016-01-25 14:22:25 +08:00 · 3263 次点击
    这是一个创建于 3209 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在开发者头条上看到一个 iOS 版的波浪进度指示器,拿 js 仿写了一个:
    代码:Github
    演示:demo

    学 js 没有多久,有需要改进的地方还望大家多多批评建议!

    11 条回复    2016-01-26 12:58:55 +08:00
    conglovely
        1
    conglovely  
       2016-01-25 14:33:39 +08:00
    棒棒哒 :)
    dyniao
        2
    dyniao  
       2016-01-25 16:39:57 +08:00
    不赖!
    gdtv
        3
    gdtv  
       2016-01-25 17:15:05 +08:00
    强迫症表示无法接受这一点瑕疵:
    gdtv
        4
    gdtv  
       2016-01-25 17:16:40 +08:00
    激动人心啊,楼上是我第一次贴图成功
    GUMU
        5
    GUMU  
    OP
       2016-01-25 17:37:29 +08:00
    @gdtv 谢谢!已修复~ 有些小问题已经发现了但还不知道原因,比如下面的外框总要粗一点...
    zhengkai
        6
    zhengkai  
       2016-01-25 17:41:30 +08:00
    挺不错,除了圆边感觉问题很多啊

    是不是网页版演示可以让人拖那个进度条会更好些
    GUMU
        7
    GUMU  
    OP
       2016-01-25 17:42:09 +08:00
    @conglovely @dyniao 谢谢两位~
    Slienc7
        8
    Slienc7  
       2016-01-25 18:13:50 +08:00
    /t/243942
    头条上似乎就是这个~
    GUMU
        9
    GUMU  
    OP
       2016-01-25 23:06:23 +08:00
    @zhengkai 已修改,现在可以手动拖也可以自动演示,圆边的问题还在找原因~
    GUMU
        10
    GUMU  
    OP
       2016-01-25 23:06:57 +08:00
    @xgowex 我看的是 iOS 版的...看来最近都喜欢搞这个
    GUMU
        11
    GUMU  
    OP
       2016-01-26 12:58:55 +08:00
    下圆边模糊的问题已修复~原因是 canvas 线宽引起的坐标不准
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5136 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 05:45 · PVG 13:45 · LAX 21:45 · JFK 00:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.