首页 > 技术文章 > 鼠标悬停吸附粒子背景特效

shababy 2021-09-23 14:11 原文

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

<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>

配置

颜色:默认是(0,0,0),格式(R,G,B)

透明度:(0-1),默认0.5

线段的数量:默认0.5

Z轴:默认-1

 

2.github地址:https://github.com/hustcc/canvas-nest.js

一个基于 html5 canvas 绘制的网页背景效果

# 使用 npm
npm install --save canvas-nest.js

# 或者使用 yarn
yarn add canvas-nest.js

 

推荐阅读