网页点线粒子插件-网站背景鼠标点线窝巢特效-canvas-nest.js

我就是我 2022-05-26 00:10 204阅读 0赞

canvas-nest.js是一个比较酷的一个背景插件，使用方法也比较简单；现在好多博客网站都加上了这个背景，甚是喜欢。  
使用的话，只需要将插件的js引进来就可以了。但是只能放入body标签中，放在header中不会生效。  
canvas-nest.js还有有一些自定义的参数，需要在在script中加入相应的参数：

> color=“255,0,0” 背景粒子线的颜色值
> 
> opacity=“0.5” 背景粒子线的透明度，一般设置成0.5-1之间
> 
> count=“99” 背景粒子线的密度，建议不要太大，否则页面容易卡死

可以在通过github地址 [https://github.com/hustcc/canvas-nest.js][https_github.com_hustcc_canvas-nest.js] 直接下载，  
或者直接用bootCDN上的地址：[https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js；][https_cdn.bootcss.com_canvas-nest.js_1.0.1_canvas-nest.js]  
用法：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		
    	</head>
    	<body>
    		
    		<script color="0,0,0" opacity="0.5" count="99" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js" type="text/javascript" charset="utf-8"></script>
    	</body>
    </html>

效果如下：  
![这里写图片描述][70]

[https_github.com_hustcc_canvas-nest.js]: https://github.com/hustcc/canvas-nest.js
[https_cdn.bootcss.com_canvas-nest.js_1.0.1_canvas-nest.js]: https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js%EF%BC%9B
[70]: /images/20220526/d26d2c8df00f4e5386d03f9eea93fc1e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 153.炫酷粒子背景特效

效果 (源码网盘地址在最后) ![1b6c12310dd9bda1cebf98a3aeb0f77b.gif][] 最近开源了一个 Vue 组件，还不够完善，欢迎大家来一

偏执的太偏执、/ 2023年01月18日 02:29/ 0 赞/ 160 阅读

相关 GitHub上有趣的网页粒子背景插件

-------------------- GitHub上有趣的网页粒子背景插件（1） [点击链接：仿知乎动态粒子效果背景][Link 1] 大致效果： !

叁歲伎倆/ 2022年10月19日 12:54/ 0 赞/ 213 阅读

相关 particles.js粒子插件科技感背景

[下载地址][Link 1]particles.js是一款js粒子特效插件，这是个particles.js插件的调用粒子，很有科技感的网页背景动画效果，网页颜色可以任意切换。

水深无声/ 2022年09月10日 05:10/ 0 赞/ 236 阅读

相关网页粒子背景插件 -Canvas-nest.js

1、简介 Canvas-nest.js是一个非常好看的网页粒子背景插件，不需要依赖任何第三方库即可运行，提供额非常炫酷的背景。 2、特点不依赖于任何框架或者

野性酷女/ 2022年07月13日 13:43/ 0 赞/ 293 阅读

相关 Javascript 鼠标点击冒泡特效

一个用JS写的鼠标左击特效点击鼠标左键会出现红心”❤”或者字符表情“(๑•́ ₃ •̀๑)”… 常用Emoji 可以自行替换，如需复制，请从底部链接移步至Git

灰太狼/ 2022年06月14日 00:49/ 0 赞/ 238 阅读

相关网页点线粒子插件-网站背景鼠标点线窝巢特效-canvas-nest.js

canvas-nest.js是一个比较酷的一个背景插件，使用方法也比较简单；现在好多博客网站都加上了这个背景，甚是喜欢。使用的话，只需要将插件的js引进来就可以了。但是只

我就是我/ 2022年05月26日 00:10/ 0 赞/ 205 阅读

相关网页粒子背景插件 -Canvas-nest.js 指定具体位置展示

原文地址：[https://blog.csdn.net/L1558198727/article/details/81121524][https_blog.csdn.net_L1

蔚落/ 2022年05月15日 06:56/ 0 赞/ 377 阅读

相关网页特效背景——随鼠标变换的动态线条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X

落日映苍穹つ/ 2022年04月13日 14:18/ 0 赞/ 450 阅读

相关《每周一点canvas动画》——canvas特效插件

很长时间没有更新文章了，经过几个月的时间，事情终于忙完了。今天，在这里为大家分享3款canvas特效插件，与其说是分享，不如说是为了方便使用，对前面章节的一些效果的封装。

怼烎@/ 2022年02月22日 13:08/ 0 赞/ 675 阅读

相关网站动态背景粒子线条跟随鼠标移动，吸附鼠标效果代码

> 说明作者：姜成SEO 原文链接：[https://blog.csdn.net/qq\_40223005/article/details/80810695][https

Myth丶恋晨/ 2021年09月22日 00:54/ 0 赞/ 493 阅读