一个非常赞的网页背景效果——canvas-nest

Posted homehtml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个非常赞的网页背景效果——canvas-nest相关的知识,希望对你有一定的参考价值。

github推荐项目 canvas-nest.js

A nest backgroud of website draw on canvas.

一个基于canvas绘制的网页背景效果,很赞。WordPress插件直接安装,下载地址:https://github.com/aTool-org/canvas-nest-for-wp

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

feature 特性

  • do not depend on jQuery or other javascript framework.
    不依赖于任何框架或者库,使用原生js编写。

  • very light, only 1.59kb. can be smaller after gzip.
    非常轻量级,只有1.59kb(50行代码左右),如果开启gzip更小了。

  • so easy to use, even you are not a web developer.
    使用起来非常简单,即使你不是web开发者,用起来也没有问题。

usage 使用

so eazy that I do not want write the chapter.
使用太简单,自己都感觉没有必要写这一节了。

insert the code below between <body> and </body>, suggest before the tag </body>.
将下面的代码插入到网页的<body></body>之间,最好是在</body>前面。


<html>
<head>
    ...
</head>
<body>
    ...
    ...
    ...
    <script type="text/javascript" src="canvas-nest.min.js"></script>
</body
</html>

please do not add the code in the <head> </head>.
请不要讲代码放到head标签之类,不然不会生效。

then ok!
然后就好了!

preview 预览

  1. OnlineTool: http://www.atool.org/

if you has used this project, pls let me know, I can add your website on.

技术图片

other 其他说明

welcome to push request and issue.
欢迎 pr和issue。









以上是关于一个非常赞的网页背景效果——canvas-nest的主要内容,如果未能解决你的问题,请参考以下文章

网页动态背景——随鼠标变换的动态线条

7款超赞的CSS3动画效果,值得收藏!

分享7款超赞的CSS3动画效果,值得你收藏!

博客背景随着鼠标动的效果实现

博客园添加动态背景效果

实现我博客旁边的线条效果 html canvas-nest.js 源码