首页 > Web开发 > 详细

安利一发——超几把酷炫的js背景插件canvas-nest.js

时间:2017-02-07 12:35:24      阅读:467      评论:0      收藏:0      [点我收藏+]

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

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

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

 

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

官方tip:使用该插件时,不要打开jquery或者其他的js框架(r u kidding me?看到这个我感觉有点不太爽)

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

<html>
<head>
    ...
</head>
<body>
    ...
    ...
    ...
    <script src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
</body>
</html>

配置:颜色:默认是(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>

 

安利一发——超几把酷炫的js背景插件canvas-nest.js

原文:http://www.cnblogs.com/zeoblog/p/6373173.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!