超酷炫的js背景插件canvas-nest.js

今天看到一个站点首页,背景很酷炫,鼠标移动,线条聚集,现代科技感十足,很适合技术站点使用,于是百度了一下,找找相关的库,有的是纯css3写的粒子特效(我勒个去),还有的是用JS去写的canvas画图实现。

这个帖子就是分享一个JS酷炫背景插件。

DEMO在JFinal学院的静态HTML首页上,我加了。

(抱歉,暂时是个很简陋的静态页,正在整合资源,开发中。。。)

超酷炫的js背景插件canvas-nest.js_第1张图片

预览效果DEMO地址:http://www.jfinalxueyuan.com

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

使用方法:

在标签结尾处加入一行JS引入就可以了:

其中color是颜色值,opacity是透明度,zIndex是现在层级,count是线条数量。

你可能感兴趣的:(超酷炫的js背景插件canvas-nest.js)