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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3661 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

指示器

波浪

进度

GitHub

11 条回复 • 2016-01-26 12:58:55 +08:00

conglovely

2016 年 1 月 25 日

棒棒哒：)

dyniao

2016 年 1 月 25 日

不赖！

gdtv

2016 年 1 月 25 日

强迫症表示无法接受这一点瑕疵：

gdtv

2016 年 1 月 25 日

激动人心啊，楼上是我第一次贴图成功

GUMU

2016 年 1 月 25 日

@gdtv 谢谢！已修复~ 有些小问题已经发现了但还不知道原因，比如下面的外框总要粗一点...

zhengkai

2016 年 1 月 25 日

挺不错，除了圆边感觉问题很多啊

是不是网页版演示可以让人拖那个进度条会更好些

GUMU

2016 年 1 月 25 日

@conglovely @dyniao 谢谢两位~

Slienc7

2016 年 1 月 25 日

/t/243942
头条上似乎就是这个~

GUMU

2016 年 1 月 25 日

@zhengkai 已修改，现在可以手动拖也可以自动演示，圆边的问题还在找原因~

GUMU

2016 年 1 月 25 日

@xgowex 我看的是 iOS 版的...看来最近都喜欢搞这个

GUMU

2016 年 1 月 26 日

下圆边模糊的问题已修复~原因是 canvas 线宽引起的坐标不准