html中有很多粒子线条，鼠标轻轻移动会以鼠标为中心吸附，鼠标快速移动就会断开。就像磁铁一样

最新推荐文章于 2022-06-16 12:38:14 发布

qq_40414209

最新推荐文章于 2022-06-16 12:38:14 发布

阅读量485

点赞数

分类专栏： js

原文链接：https://blog.csdn.net/wzq__janeGreen_/article/details/81097081

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

原文
之前在某不知名网站上看到过，觉得好酷炫，当时也没多想怎么写的。

demo地址: http://www.luoyuhu.com/
github地址：https://github.com/hustcc/canvas-nest.js

官方tip：使用方法很简单只需要再body中间插入这段js代码即可，注意不要放在head里面

<html>
<head>
    ...
</head>
<body>
    ...
    ...
    ...
    <script src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
</body>
</html>

配置：颜色：默认是（0，0，0），格式是（R,G,B）

透明度：（0-1），默认0.5

线段的数量：默认0.5

Z轴：默认-1

<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

qq_40414209

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html中有很多粒子线条，鼠标轻轻移动会以鼠标为中心吸附，鼠标快速移动就会断开。就像磁铁一样

原文之前在某不知名网站上看到过，觉得好酷炫，当时也没多想怎么写的。demo地址: http://www.luoyuhu.com/github地址：https://github.com/hustcc/canvas-nest.js官方tip：使用方法很简单只需要再body中间插入这段js代码即可，注意不要放在head里面<html><head> ......
复制链接

扫一扫

专栏目录