qq 上当有未读消息的时候会出现一个红点，这个红点是可以拖拽的，当到达一定程度的时候，圆点就爆炸了，现在用 canvas 做了一个类似的圆点拖拽爆炸效果，效果图：
最后的爆炸效果本来想用图片，结果找不到素材，就用 cavans 做个了简单的爆炸效果。喜欢的朋友可以看看。
demo 地址:http://www.qiutianaimeili.com/html/page/2018/02/source/qq/example2.html
文章地址:http://www.qiutianaimeili.com/html/page/2018/02/97wv9l2zlpe.html
 |
1
loethen Feb 24, 2018
效果不错，👍
|
 |
2
50vip Feb 24, 2018
放 github 啊~
|
 |
3
MuscleOf2016 Feb 24, 2018
不错哦。
|
 |
4
qiutianaimeili OP @50vip 呃，不太会用
|
 |
5
SergeGao Feb 24, 2018
效果不错很赞,希望放在 github 就好了~
|
 |
6
rrfeng Feb 24, 2018
圆画得不够精细吧？
|
|
7
50vip Feb 24, 2018
@qiutianaimeili 写了那些多技术文章，学学使用 git 有必要的~
|
|
8
qiutianaimeili OP @50vip git 会用，只是不太用 github，不太喜欢把自己写的东西放在别的地方，太多限制，不能随心所欲～
|
|
9
qiutianaimeili OP @rrfeng 修复了，现在应该好点了
|
 |
10
yosolin Feb 24, 2018
不错
|
 |
11
coffeSlider Feb 26, 2018 via Android
厉害
|
|
12
50vip Feb 26, 2018
|
 |
13
echaos Feb 26, 2018 via Android
赞 学习一个
|
 |
14
blueorange Feb 27, 2018
报告一只 bug，先把一个原点拉走，然后去刚刚那个拉走的那个原点位置继续拉还可以拉，然后其他点的效果没有了
|
|
15
qiutianaimeili OP @blueorange 同时操作是有很多 bug,刚开始只是写一个圆点，为了演示所以弄了多个圆点，程序内部没有控制好多个问题（懒得弄），我这个只是抛砖引玉了，主要讲如何做一个，多个的话如何控制好就看真正使用的人了，毕竟这只是一个 demo,不是一个完整的插件，和真正的 qq 圆点还是不同的。不过如果你在看我的代码的时候遇到问题，可以在我的博客文章下直接留言，我看到了就会给你解答。
|
Select Language