一個很是讚的網頁背景效果——canvas-nest

github推薦項目 canvas-nest.js

A nest backgroud of website draw on canvas. javascript

一個基於canvas繪製的網頁背景效果,很贊。WordPress插件直接安裝,下載地址:https://github.com/aTool-org/canvas-nest-for-wphtml

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

feature 特性

  • do not depend on jQuery or other javascript framework.
    不依賴於任何框架或者庫,使用原生js編寫。git

  • very light, only 1.59kb. can be smaller after gzip.
    很是輕量級,只有1.59kb(50行代碼左右),若是開啓gzip更小了。github

  • so easy to use, even you are not a web developer.
    使用起來很是簡單,即便你不是web開發者,用起來也沒有問題。web

usage 使用

so eazy that I do not want write the chapter.
使用太簡單,本身都感受沒有必要寫這一節了。canvas

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標籤之類,否則不會生效。this

then ok!
而後就行了!spa

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。

相關文章
相關標籤/搜索