一个非常赞的网页背景效果——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.

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

other 其他说明

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

    原文作者:aTool_vip
    原文地址: https://segmentfault.com/a/1190000004118824
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞