文档章节

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

小薇
 小薇
发布于 2015/12/09 09:56
字数 361
阅读 188
收藏 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。

© 著作权归作者所有

共有 人打赏支持
小薇

小薇

粉丝 352
博文 32
码字总数 6185
作品 27
杭州
个人站长
私信 提问
超赞网页背景效果--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
2018/05/28
0
0
高性能Android Canvas游戏开发

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

tommyfok
2014/02/21
0
0
[翻译] 用 CSS 背景混合模式制作高级效果

腾讯DeepOcean原创文章:dopro.io/advanced-ef… 前端开发是否对设计师用的 Photoshop 中的图层混合模式一点办法都没有,然后现在我们可以通过 CSS 来实现网页中的图片混合了。 一、前言 如果...

2018/10/29
0
0
致APP图标设计师:不要再随便采用白色背景了

原文出处:Medium 译文出处:百略网 - The 308 我解锁了手机,发现我常用的一个APP昨晚已经自动更新了。然而让我无语凝噎的是,又是一个120×120像素的白色圆角矩形图标,中间稍微带了一丁点...

Medium
2015/11/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

rabbitMQ 在spring 的使用

一、准备工作 maven依赖 <dependency>  <groupId>com.rabbitmq</groupId>  <artifactId>amqp-client</artifactId>  <version>4.0.2</version></dependency> <dependency......

狼王黄师傅
昨天
1
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
1
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
3
0
跟我学Spring Cloud(Finchley版)-15-Hystrix监控详解

Hystrix提供了监控Hystrix Command的能力,本节来详细探讨。 监控端点与数据 应用整合Hystrix,同时应用包含spring-boot-starter-actuator 依赖,就会存在一个/actuator/hystrix.stream 端点...

周立_ITMuch
昨天
6
0
day26:shell题

1、 判断当前主机的CPU生产商,其信息在/proc/cpuinfo文件中vendor id一行中。 如果其生产商为AuthenticAMD,就显示其为AMD公司; 如果其生产商为GenuineIntel,就显示其为Intel公司; 否则,...

芬野de博客
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部