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

摘要

酷炫的js背景插件canvas-nest.js,之前在某不知名网站上看到过,觉得好酷炫,当时也没多想怎么写的。

今天正好手头上没有事情在一个技术网站上,又在某技术网站上看到了这个背景,实在是忍不住好奇心,想知道怎么实现的,遂在各个技术群问了一句,没想到真的有人知道。

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

今天正好手头上没有事情在一个技术网站上,又在某技术网站上看到了这个背景,实在是忍不住好奇心,想知道怎么实现的,遂在各个技术群问了一句,没想到真的有人知道。

demo地址: http://www.luoyuhu.com/

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

官方tip:

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

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

示例:

<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>
SmallTown
  • 本文由 发表于 2017年6月9日11:19:56
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: