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

首页注册登录

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

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

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

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

1

conglovely

2016-01-25 14:33:39 +08:00

棒棒哒：)

2

dyniao

2016-01-25 16:39:57 +08:00

不赖！

3

gdtv

2016-01-25 17:15:05 +08:00

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

4

gdtv

2016-01-25 17:16:40 +08:00

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

5

GUMU

OP

2016-01-25 17:37:29 +08:00

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

6

zhengkai

2016-01-25 17:41:30 +08:00

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

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

7

GUMU

OP

2016-01-25 17:42:09 +08:00

@conglovely @dyniao 谢谢两位~

8

Slienc7

2016-01-25 18:13:50 +08:00

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

9

GUMU

OP

2016-01-25 23:06:23 +08:00

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

10

GUMU

OP

2016-01-25 23:06:57 +08:00

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

11

GUMU

OP

2016-01-26 12:58:55 +08:00

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

关于 · 帮助文档 · 博客 · API · FAQ · 实用小工具 · 1579 人在线 最高记录 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 24ms · UTC 17:02 · PVG 01:02 · LAX 09:02 · JFK 12:02
Developed with CodeLauncher
♥ Do have faith in what you're doing.