圆圈进度条，来骗 Star 了😂

2016-09-14 15:11:01 +08:00
 ThomasChan

网站改版时公司射击湿给了个这样的圆圈进度条，没搜到现成的，就自己用 canvas 画了一个 😄 可还行？

Git 地址

3844 次点击
所在节点    JavaScript
19 条回复
Elven
2016-09-14 15:18:36 +08:00
想要一个猫咪扭来扭去的进度条ヽ(•̀ω•́ )ゝ
alexsunxl
2016-09-14 15:24:58 +08:00
不用 canvas 也能做
ThomasChan
2016-09-14 15:25:55 +08:00
@Elven (￣ ￣|||) 怎么扭 你是说[这个表情]( http://chenjunhao.cn/assets/images/miaomiao.gif)嘛 2333
ThomasChan
2016-09-14 15:26:32 +08:00
@alexsunxl 不会 不知道用 css 的话那个小圆怎么定位
timestamp
2016-09-14 15:53:33 +08:00
你已经成功的引起了我的注意
designer
2016-09-14 15:58:26 +08:00
给大家分享一个国外的在线且免费 Loading 生成的网址
http://preloaders.net/

有兴趣的可以关注下我的公众号！
designer
2016-09-14 16:01:06 +08:00
再来一个 CSS 生成的 loading
http://cssload.net/
flowfire
2016-09-14 16:40:58 +08:00
其实可以用纯 css 。。。。
Elven
2016-09-14 16:44:48 +08:00
@ThomasChan 😂😂好魔性
rrkelee
2016-09-14 17:15:16 +08:00
@ThomasChan 三角函数，很容易的
ThomasChan
2016-09-14 17:19:52 +08:00
@rrkelee (ノ*ﾟ▽ﾟ*) 额 不会啊 请不吝赐教
zwh8800
2016-09-14 17:23:06 +08:00
对 retina 屏支持的不很好呀，数字比较模糊
ThomasChan
2016-09-14 18:53:40 +08:00
@zwh8800 嗯可以了
flydogs
2016-09-15 10:06:14 +08:00
+1
srx1982
2016-09-15 11:54:44 +08:00
给你报个 bug ，你那个 demo 页面连续点 restart 的话，速度会越来越快
lixingcong
2016-09-15 23:34:15 +08:00
楼上是专业找 bug 的
ThomasChan
2016-09-18 10:29:53 +08:00
@srx1982 确实， 👍，已修复
hasbug
2016-09-22 22:45:15 +08:00
已经关注
zhihaofans
2016-09-29 15:15:53 +08:00
上面这几个都不错，直接 Mark

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/306214

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX