黑马程序员技术交流社区

标题: 【广州前端】-【jQuery插件】- 粒子线条canvas效果 [打印本页]

作者: AngularBaby    时间: 2017-12-11 17:48
标题: 【广州前端】-【jQuery插件】- 粒子线条canvas效果
本帖最后由 AngularBaby 于 2017-12-21 18:46 编辑

效果预览:


使用方法:
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>


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




粒子线条canvas效果.zip

1.06 MB, 阅读权限: 10, 下载次数: 6

售价: 1 黑马币  [记录]


作者: AreYouGlad    时间: 2017-12-11 17:56
666




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2