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

V2EX = way to explore

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

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3745 days ago, the information mentioned may be changed or developed.

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

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

指示器

波浪

进度

GitHub

11 replies • 2016-01-26 12:58:55 +08:00

conglovely

Jan 25, 2016

棒棒哒：)

dyniao

Jan 25, 2016

不赖！

gdtv

Jan 25, 2016

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

gdtv

Jan 25, 2016

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

GUMU

Jan 25, 2016

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

zhengkai

Jan 25, 2016

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

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

GUMU

Jan 25, 2016

@conglovely @dyniao 谢谢两位~

Slienc7

Jan 25, 2016

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

GUMU

Jan 25, 2016

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

GUMU

Jan 25, 2016

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

GUMU

Jan 26, 2016

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