简介

一个基于html5画布绘制的网页背景效果,非常赞!如果需要wordpress插件,在插件库搜索canvas-nest或者看项目canvas-nest-for-wp。

在线演示:http://www.atool.org/

特征

  • 不依赖于jQuery或其他JavaScript框架。
  • 很轻,只有1.6kb
  • 所以很容易使用,即使你不是网页开发者。

用法

<body></body>中间插入这段js代码即可,注意不要放在head里面。

< script  src = “ //cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js ” > </ script >

如下所示:

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

配置

  • color:画布线颜色,默认值:’0,0,0′; 颜色为(R,G,B)。
  • opacity:线的不透明度(0〜1),默认值:0.5。
  • count:行数,默认值:150。
  • zIndex: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>

零基础的萌新搭建属于自己的Typecho/WordPress等博客教程

说明:一直以来老有同学问博主怎么搭建博客,最好出个教程,然后就拖到了现在,这里就发个超小白教程,适合对建站不懂又想拥有一个自己的博客的同学,有闲置...

阅读全文

一款开源免费且基于Laravel开发的在线点播系统:MeEdu搭建教程

说明:之前看有童鞋需要个点播系统,恰好就看到个不错的MeEdu,一个开源免费的在线点播,电子书和会员收费三大模块为一的整合系统,该系统主要的目的是让每位...

阅读全文

一款开源、轻巧且功能齐全的跨平台网盘程序:蓝眼云盘

说明:最近发现了一个不错的网盘程序蓝眼云盘,该程序后端使用golang开发,前端使用vue套件开发,而且开源免费,基本上目前除了离线下载外,其它功能都有,同...

阅读全文

欢迎留言