博客网页添加一个基于canvas绘制的粒子效果

教程 2018-06-19 801 次浏览 0 条评论

一个非常不错的网页背景粒子效果,跟随鼠标变幻的动态线条,一个基于canvas绘制的网页背景效果。演示效果看本站主页,鼠标悬停可以看到很多动态线条聚集在鼠标点周围。

特点:

1、不依赖任何框架或者内库,如不依赖 jQuery;

2、使用原生的 javascript,只有1.6 kb,如果开启 gzip,可以更小;

3、使用外链非常容易实现,配置简单,即使你不是web开发者,也能简单搞定。

使用方法:

引用以下代码

<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

打开主题页脚模板文件footer.php在:<?php wp_footer(); ?>之前放上上面那段代码保存即可。

微信扫一扫,分享到朋友圈

博客网页添加一个基于canvas绘制的粒子效果

发表评论

电子邮件地址不会被公开。 必填项已用*标注