canvas 仿 qq 消息圆点拖拽效果

[qiutianaimeili]

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

[loethen]

效果不错，👍

[50vip]

放 github 啊~

[MuscleOf2016]

不错哦。

[qiutianaimeili]

@50vip 呃，不太会用

[SergeGao]

效果不错很赞,希望放在 github 就好了~

[rrfeng]

圆画得不够精细吧？

[50vip]

@qiutianaimeili 写了那些多技术文章，学学使用 git 有必要的~

[qiutianaimeili]

@50vip git 会用，只是不太用 github，不太喜欢把自己写的东西放在别的地方，太多限制，不能随心所欲～

[qiutianaimeili]

@rrfeng 修复了，现在应该好点了

[yosolin]

不错

[coffeSlider]

厉害

[50vip]

@qiutianaimeili 不用 github，那你们公司内网有 gitlab ？

反正都是开源，使用 github 可以让你的代码组织方式好一点！

[echaos]

赞 学习一个

[blueorange]

报告一只 bug，先把一个原点拉走，然后去刚刚那个拉走的那个原点位置继续拉还可以拉，然后其他点的效果没有了

[qiutianaimeili]

@blueorange 同时操作是有很多 bug,刚开始只是写一个圆点，为了演示所以弄了多个圆点，程序内部没有控制好多个问题（懒得弄），我这个只是抛砖引玉了，主要讲如何做一个，多个的话如何控制好就看真正使用的人了，毕竟这只是一个 demo,不是一个完整的插件，和真正的 qq 圆点还是不同的。不过如果你在看我的代码的时候遇到问题，可以在我的博客文章下直接留言，我看到了就会给你解答。