文档章节

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

小薇
 小薇
发布于 2015/12/09 09:56
字数 361
阅读 152
收藏 10
点赞 1
评论 0

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
android学习笔记——SurfaceView 的理解

SurfaceView 的概念和用途 surfaceview是view的一个子类,可以直接从内存或者DMA等硬件接口中取得图像数据,是一个非常重要的绘图视图。他的特性是:可以在主线程之外的线程中向屏幕绘图,这...

小白杨啦啦
2016/04/30
39
0
canvas实现在线刮奖效果

canvas实现在线刮奖效果 效果描述: 好多网站都实现了在线刮奖效果,类似我们平常买的彩票刮奖真实效果 只是搬家到了线上 可惜的是,他并不支持低版本浏览器,因为其中用到了一个很重要的htm...

wybo521
2016/01/19
89
0
从零开始学前端动画 —— 简单的特效登录

最近忽然对canvas动画感兴趣,然后就心血来潮的看了一些文章,事先声明,部分原创,我只是代码的搬运工。我先上一下截图,然后再说下我的想法。 【我的想法】:其实我想做网上特别多的那种,...

luffyZhou
07/09
0
0
小程序 | 免费制作高质量证件照!

大家对于证件照的需求很高,例如报考驾校了,填写简历了,还有各种报名都需要你准备一张证件照,且对尺寸的要求,背景的要求也不尽相同,目前市面上关于制作证件照的app很多,但是大多数都是...

搞机姿势多
06/14
0
0
Android自定义控件三部曲文章索引

前言:在我从C++转到Android时,就被Android里炫彩斑斓的自定义控件深深折服,想知道如果想利用C++实现这些功能,那是相当困难的。从那时候起,我就想,等我学会了自定义控件,一定要写一篇系...

harvic880925
2016/11/25
0
0
致APP图标设计师:不要再随便采用白色背景了

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

Medium
2015/11/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

ES15-JAVA API 索引管理

1.创建连接 创建连接demo package com.sean.esapi.client;import java.net.InetSocketAddress;import org.elasticsearch.action.get.GetResponse;import org.elasticsearch.clien......

贾峰uk
6分钟前
0
0
单点登录的设计,从单域名到多域名(经验分享)

个人实践总结,最初的的需求,多个产品线都在同一个根域名下面。 独立的用户中心分离,单独负责用户登录和用户信息获取、变更等处理逻辑。 第一步,用户登录成功,分配给用户一个memToken(令...

小海bug
8分钟前
0
0
合格前端第十二弹-TypeScript + 大型项目

写在前面 TypeScript 已经出来很久了,很多大公司很多大项目也都在使用它进行开发。上个月,我这边也正式跟进一个对集团的大型运维类项目。 项目要做的事情大致分为以下几个大模块 一站式管理...

qiangdada
11分钟前
0
0
编程学习之如何在Node.js中优化服务器端渲染?[图]

编程学习之如何在Node.js中优化服务器端渲染?[图] 在 Airbnb,我们花了数年时间将所有前端代码迁移到 React 架构,Ruby on Rails 在 Web 应用中所占的比例每天都在减少。实际上,我们很快会...

原创小博客
13分钟前
0
0
gradle学习笔记

相关文档 适合新手的 gradle 自学教程合集 Gradle教程

OSC_fly
27分钟前
0
0
Virtual Serial Port - RFC2217

Virtual Serial Port for Linux RFC-2217 The COM Port Control Protocol pyserial - RFC 2217 NetSerial - Windows Telnet COM Port - RFC Official Using Python, How do I make a virtual......

zungyiu
34分钟前
0
0
全球的IPv6部署急剧增加,中国进度较慢

导读 全球的IPv6部署继续增加,但中国在IPv6方面还需要努力,从部署图上分析,中国几乎没有几个地方是普及IPv6的。这6年来,自世界IPv6发布以来,全球网络和服务提供商的IPv6部署水平急剧增加...

问题终结者
38分钟前
1
0
好看的电影记录

星际迷航三 狂暴之路 新木乃伊 黑夜传说 铁血战士2

xd03122049
42分钟前
0
0
记录Yii2框架开发遇到微信错误提示

转载地址 记录Yii2框架开发遇到微信错误提示 微信公共号开发,提示“该公众号暂时无法提供服务,请稍后再试”,如何解决? 以前使用Yii框架的时候,并没有像Yii2,以前的Yii框架似乎用起来在...

durban
44分钟前
1
0
LSM树(Log-Structured Merge Tree)存储引擎浅析

其实每一种数据库,它都是一种抽象的数据结构的具体实现。 随着rocksDB(facebook的),levelDB(google的),以及我们熟知的hbase,他们都是使用的LSM树结构的数据库。 它的核心思路其实非常...

算法之名
57分钟前
13
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部