文档章节

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

小薇
 小薇
发布于 2015/12/09 09:56
字数 361
阅读 170
收藏 10

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 <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.

screenshot

other 其他说明

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

© 著作权归作者所有

共有 人打赏支持
小薇

小薇

粉丝 348
博文 32
码字总数 6185
作品 26
杭州
个人站长
超赞网页背景效果--canvas-nest.js

canvas-nest.js 是 canvas 上绘制的蜂窝状网站背景。 特性 不依赖于 jQuery 和 JavaScript 框架 轻量级,只有 1.59kb 大小 非常容易使用 使用 <script type="text/javascript" src="canvas-n...

小薇
2015/12/08
3.4K
3
canvas绘制雪花飘落(音乐宇Code)

看到网上很多展示html5雪花飞动的效果,确实非常引人入胜,我相信大家也跟我一样看着心动的同时,也很好奇,想研究下代码如何实现;虽然哦很多地方也能下载这些源码,不过也不知道别人制作此...

音乐宇Code
05/28
0
0
高性能Android Canvas游戏开发

Rule #0 为移动平台进行优化 为移动平台进行优化是十分重要的,因为移动平台的性能大概只有桌面平台的1/10左右(*1),它通常意味着: 更慢的CPU速度,这意味着不经过优化的JavaScript代码,...

tommyfok
2014/02/21
0
0
推荐8款HTML5相关的特殊效果

HTML5是HTML的升级版,HTML5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术...

gbin1
2014/03/26
423
0
精选9个值得学习的 HTML5 效果【附源码】

这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点, 拥有很多让人期待已久的新特性,特别是在移动端,Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的...

赵小宾
2014/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

#mysql50# not Exist

data 目录有中文名称,可能是复制的"复件...."

少年不搬砖老大徒伤悲
20分钟前
1
0
在yii2中,让你action参数支持POST数据的小方法

我们先来看一段代码 class RaController extends Controller { public $enableCsrfValidation = false; public function actionSay($username = '',$city = ''){ echo "{$......

阿北2017
29分钟前
2
0
macOS 10.14 Mojave

在近日发布的 macOS 10.14 Mojave 操作系统中,有人发现它(在某些机型中)悄然禁用了先前的「次像素平滑渲染」选项,导致部分(尤其是使用非高分辨率显示器)用户觉得字体比先前的更细更难看...

火力全開
33分钟前
2
0
 实现分布式锁的正确姿势

实现分布式锁的正确姿势 原理分析 最近看到好多博主都在推分布式锁,实现方式很多,基于db、redis、zookeeper。zookeeper方式实现起来比较繁琐,这里我们就谈谈基于redis实现分布式锁的正确实...

DemonsI
38分钟前
2
0
微信小程序 、支付宝小程序、百度小程序和钉钉e应用的汇总

2018年9月25日 百度小程序开放企业申请 微信小程序:现在微信小游戏都热火朝天了,而且已经有了云开发,包括提供的能力、文档、社区等都相对完善,也有相关的变现方式; 支付宝小程序:https...

to_be_better
41分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部