码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-26 12:41:47      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:draw   raw   特性   hub   title   end   ast   ext   project   

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

标签:draw   raw   特性   hub   title   end   ast   ext   project   

原文地址:https://www.cnblogs.com/homehtml/p/12964417.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!