一个非常赞的网页背景效果——canvas-nest
博客专区 > 小薇 的博客 > 博客详情
一个非常赞的网页背景效果——canvas-nest
小薇 发表于2年前
一个非常赞的网页背景效果——canvas-nest
  • 发表于 2年前
  • 阅读 131
  • 收藏 5
  • 点赞 1
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 不依赖于任何框架或者库,使用原生js编写。非常轻量级,只有1.59kb(50行代码左右),如果开启gzip更小了。使用起来非常简单,即使你不是web开发者,用起来也没有问题。

github推荐项目 canvas-nest.js

A nest backgroud of website draw on canvas.

一个基于canvas绘制的网页背景效果,很赞。

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 &lt;body&gt; and &lt;/body&gt;, suggest before the tag &lt;/body&gt;. 将下面的代码插入到网页的<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 &lt;head&gt; &lt;/head&gt;. 请不要讲代码放到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.

screenshot

other 其他说明

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

共有 人打赏支持
小薇
粉丝 345
博文 32
码字总数 6185
作品 24
×
小薇
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: