HTML5教程
HTML5教程列表
-
使用HTML5做个画图板的方法介绍
首先要说明的是这里不是用鼠标画画,而是在触摸设备上用手指,比如ipad。做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等... [HTML5教程]
-
HTML 5应用程序缓存使用总结
近期接触了HTML5本地缓存,在HTML页面的html标签加入后缀为.appcache的文件,即可以轻松地创建 web 应用的离线版本。使用本地缓存带来的好处:离线浏览 - 用户可在应用离... [HTML5教程]
-
用于web应用数据管理和应用程序通讯的jQuery组件库
一套用于web应用数据管理和应用程序通讯的 jQuery 组件库。提供简单易用的API接口。Amplify的目标是通过为各种数据源提供一个统一的程序接口简化各种格式数据的数... [HTML5教程]
-
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
新建一个html页面,在body tag之间加入 <canvas id=\"myCanvas\" >Gray Filter</canvas> 添加一段最简单的JavaScript 脚本 <pre name=\"code\" class=\"javas... [HTML5教程]
-
使用HTML5画布(canvas)生成阴影效果
使用HTML5的画布特性,我们可以创建图形,在这片文章中,我们将创建图形的阴影。 代码: var canvas = document.getElementById(\'shadowcanvas\'); var ctx = ca... [HTML5教程]
-
简单的HTML5 Web Storage留言册
在这用一个简单的示例在讲解一下如何利用Web Storage来保存和读取数据。示例HTML代码如下:示例所用到的liuyanben.js 代码如下:通过我们发现这个JS... [HTML5教程]
-
HTML5制作仿jQuery效果
开言 本篇文章通过开源html5引擎lufylegend实现JQuery滑动效果。能使一个矩形来回减速加速滑行。由于用到了html5里的canvas,所以如果大家要测试程序,请用支持html5的... [HTML5教程]
-
HTML5版径向渐变梯度色彩
有个读者问我如何用HTML5生成一个径向梯度色彩效果,而不使用图片。仔细思考下,其实这个问题一点都不难,请看代码。 HTML<!DOCTYPE html><html lang=\"en\" ><... [HTML5教程]
-
HTML5 区域(Sectioning)的重要性
不管你以前在web页面布局中如何称呼它们 - “区域”还是“块”,我们一直都在布局中将页面分成可视的不同区域。但真正的问题在于我们并没有使用任何正确的工具来实现... [HTML5教程]
-
HTML5画廊 带按钮的banner轮换
这款画廊是由xml文件驱动,包括16个转换效果,其中六个模拟 Ken Buerns效果。 采用了html5画布元素。 提供五种皮肤。 能够完美兼容移动端,特别是在ipad... [HTML5教程]
-
HTML5-WebSocket实现多文件同时上传
在传统的HTTP应用上传文件想要同时上传多个文件并查看上传进度是一件很麻烦的事情,当然现在也有一些基于SWF的文件上传组件提供这种的便利性.到了HTML5下对文件的读... [HTML5教程]
-
HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
大家可能都知道HTML5中出现了很多以前没有的标签,例如,header,nav,和footer,在这之前我们如果开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分... [HTML5教程]
-
用HTML5画一个3D的三角形网格
本教程的主题是利用HTML5技术在2D和3D图形之间搭一座互通的桥梁(通过WebGL方式)。今天我将展示如何使用一个多边形网格绘制一个三维对象。一个多边形网格或非结构化网格是一... [HTML5教程]
-
利用分层优化 HTML5 画布渲染
通常情况下,在玩 2D 游戏或渲染 HTML5 画布时,需要执行优化,以便使用多个层来构建一个合成的场景。在 OpenGL 或 WebGL 等低级别渲染中,通过逐帧地清理和绘制场景来执行... [HTML5教程]
-
JavaScript 游戏中的面向对象的设计
简介 在本文中,您将了解 JavaScript 中的 OOP,来探索原型继承模型和经典继承模型。举例说明游戏中能够从 OOP 设计的结构和可维护性中获得极大利益的模式。我们... [HTML5教程]
-
通过KineticJS使用SVG路径资源实现世界地图的效果
本次演示提供了一个通过KineticJS空国家使用个SVG路径资源实现一个世界地图指示的小案例。当你的鼠标悬浮在某个国家的时候,演示会自动标示出来。HTML CODE<!DOCTYPE HTML... [HTML5教程]
-
克服 iOS HTML5 音频的局限
简介 过去几年,开发人员一直都在制造完善的交互体验,努力使其可以在浏览器中正确运行。这样的站点通常需要使用浏览器插件 (Flash)。随着智能手机和平板电脑的... [HTML5教程]
-
HTML5 Canvas像素处理常用接口
内容概要:本文通过简单的代码实例,以及略猥琐的图片demo,展示了canvas在图像像素数据操作方面的常用接口。一、canvas图片填充; 2、设置/获取canvas图片数据; 3、创建ca... [HTML5教程]
-
HTML5本地存储之Web Storage篇
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每... [HTML5教程]
-
HTML5版智力拼图
本文介绍文件下载:智力拼图板文件下载 (浏览器需支持HTML5)(图片摘自网络,本人木有版权。。。如要追究,本人马上换图) 还记得小时候经常玩的这种智力拼图板么,通过各个... [HTML5教程]