Dot 是一个使用canvas制作的粒子特效插件，粒子间
Dot
Dot 是一个使用canvas制作的粒子特效插件，使用简单方便。
1、Feature 使用原生canvas，不需依赖任何外部插件 支持AMD&&CMD规范
2、Install&&Useage
下载文件引入Dot.js文件
<canvas id="dot" style="background:linear-gradient(to bottom, #B80D57, #C9182B);"> <p>your browser not support canvas</p> </canvas>
<script src="js/dot.js"></script> <script> Dot("dot", {*****}); </script>
###3、DEMO 点击运行demo
###4、Configure
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| cW | Number | 1367 | canvas宽度 |
| cH | Number | 500 | canvas高度 |
| numDot | Number | 100 | 粒子数目 |
| radDot | Number | 3 | 粒子半径 |
| isRangeRad | Boolean | true | 是否随机粒子半径（给定的radDot范围内） |
| dotColor | String | ”#FFFFFF“ | 粒子填充颜色 |
| lineDist | Number | 75 | 连线距离 |
| lineColor | String | "#FFFFFF" | 连线颜色 |
| bounce | Number | 1 | 反弹系数 |
| opacity | Number | 0.5 | 透明度 |
| isTouch | Boolean | false | 是否与鼠标发生交互 |
| vxRange | Number | 2 | 粒子x方向速度 |
| vyRange | Number | 2 | 粒子y方向速度 |
| isWallCollisionTest | Boolean | true | 是否与边界碰撞检测 |
| isBallCollisionTest | Boolean | true | 球体间是否发生碰撞检测 |
###5、Supports browser
IE 10+ Chrome Firefox Opera Safari版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
