效果预览：


使用方法：
1、body 中添加 canvas标签 ：

[] 纯文本查看 复制代码

<canvas id="J_dotLine" style="background-color: #F7F7F7;"></canvas>

2、引入 JS 文件：

[] 纯文本查看 复制代码

<script src='./dotline.js'></script>

3、初始化插件：

[JavaScript] 纯文本查看 复制代码

<script>
                //调用
                window.onload = function () {
                        var dotline = new Dotline({
                                dom: 'J_dotLine',//画布id
                                cw: 800,//画布宽
                                ch: 500,//画布高
                                ds: 50,//点的个数
                                r: 0.5,//圆点半径
                                dis: 80//触发连线的距离
                        }).start();
                }
        </script>

点击查看更多精彩前端资源

666