一个很赞的网页背景效果 canvas-nest.js

[50vip]

今天在某网站上发现的，看到 github 上没有，就开源出来了。项目地址见： https://github.com/hustcc/canvas-nest.js

如果代码侵犯了你的版权，请联系我删除，谢谢。

具体效果直接看地址： http://www.atool.org/

或者直接下载 github 项目，看其中的 demo 。使用和配置非常简单， js 代码也非常少， 2kb 不到。下面的 readme 文件内容。

---

cavas-nest.js

A nest backgroud of website draw on cavas.

feature

• do not depend on jQuery or other javascript framework.
• very light, only 1.59kb. can be smaller after gzip.
• so easy to use, even you are not a web developer.

usage

so eazy that I do not want write the chapter.

<script type="text/javascript" src="canvas-nest.js"></script>

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

• the code is from other website, is not writed by myself. I just do some code on it.
• I search the github, but can not find the code.
• if the code is piracy of yours, pls let me know.

[pupboss]

翻译水平 = =

[50vip]

@pupboss 哈哈，因为太差，求修改后 pr~

[hardware]

请标明出处。。。

[50vip]

@hardware 标哪里？

[hardware]

@50vip 你不是从别的地方抄来的么？

[phoenixlzx]

这是 domaintools 的 whois 工具背景效果么...

[litianyou]

@phoenixlzx 看起来有些相同，但是有些不一样..

[50vip]

@hardware
@litianyou 不是的~

[twor2]

东西很赞很好，但在这个页面上效果很不好

[zangbob]

楼主网站上作品都不错，但这个背景用了之后眼晕。。。

[xgfan]

这代码不是你的，你这样“开源”不厚道吧。

[ztrt]

部分手机浏览器浏览时会变卡

[50vip]

@xgfan 确实不太好，求原始作者过来，我修该了一点东西，部署更简单。
不过说实话，互联网导出都是抄袭，更别说 js 代码了~

[qiayue]

楼主你没说清楚啊，你是别处看到这样的效果，然后自己用代码实现了，然后开源
还是把别人的代码给开源了？

[renxiangbin]

记得知乎上有用过。

[50vip]

@qiayue 别人的代码，自己改了改，然后用上了，开源了。。。关键是我找不到之前从那个网站看到的代码了。当时搜索一个东西，到一个网站，然后看到效果不错，就把 js 保存下来了。活做完了就忘记了，今天中文发现那个 js 文件，就折腾了一下开源了

[50vip]

@ztrt 可能有很多的绘图操作吧~

[paloalto]

分享另一个类似的 repo ： https://github.com/VincentGarreau/particles.js

[50vip]

@paloalto 确实很像，不过那个 js 压缩之后 22k ，太大了~~~这个是绘制星座？碉堡了

[50vip]

@paloalto 好像不太一样，不能鼠标连起一个圈来~