前端技术 / HTML5_H5之家 - 中国HTML5教程资源分享第一站

canvas 像素级碰撞

demo地址用鼠标拖动 1首先先判断两个图片的矩形区域有无碰撞判断两个矩形的中心距离...

HTML5每日一练之Canvas标签的应用-绘制线性渐变图形

到目前为止，我们使用canvas绘制图形的基本知识已经介绍完毕，从本节开始，我们将介绍其他比较高级的绘制知识之一 —— 线性渐变...

HTML5每日一练之Canvas标签的应用-绘制径向渐变图形

我们学习了如何使用Canvas绘制线性渐变图形，今天我们来学习一下如何绘制径向渐变图形。通过上节课的学习，我们知道绘制线性渐变...

HTML5每日一练之Canvas标签的应用-绘制坐标变换图形

绘制图形的时候，我们可能经常会想到旋转图形，或者对图形使用变形处理，使用Canvas API的坐标轴变换处理功能，就能实现这种效果...

HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用

到目前为止，我们已经学会了很多Canvas的绘制方法，如果我们要绘制如下图的图形怎么办呢？我们需要对矩形变形，使用坐标变换就...

HTML5每日一练之Canvas标签的应用-矩阵变换

我们到现在为止，已经学习了利用坐标变换而实现的图形变换技术，当利用坐标变换不能满足我们的需要时，我们可以利用矩阵变换技术...

html5游戏开发-零基础开发RPG游戏-开源讲座(一)

本篇将以零基础的视点，来讲解如何开发一款RPG游戏。在游戏的世界里，我们可以看到各种地图，各种游戏人物，看到人物在地图上行...

HTML5技术之图像处理：一个滑动的拼图游戏

HTML5 有许多功能特性可以把多媒体整合到网页中。使用canvas元素可以在这个空白的画板上填充线条，载入图片文件，甚至动画效果。...

HTML5 Canvas动画设计解析

我们使用JavaScript操控canvas元素可以很容易做出可互动的动画。但是当初canvas元素并不是为此而设计的（与Flash不同），因此存...

HTML Canvas绘图使用详解

canvas是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单...

HTML5 Canvas API速查手册

Canvas 元素是 HTML5 最重要的元素之一，它可以在网页中绘制图形，非常强大。现在越来越多的 HTML5 网页游戏正是基于 HTML5 Canv...

使用ASP.NET MVC构建HTML5离线web应用程序

web应用程序的主要制约之一就是连接性。在 HTML5 到来之前我们就曾想挖掘浏览器的能力，以使web应用程序能像桌面应用程序一样功...

HTML5制作基于模拟现实物理效果的游戏

简介 HTML5 技术为现今Web应用程序在浏览器中提供了非常广阔的发挥空间，其强大的功能让我们在浏览器上开发游戏和玩游戏不再是难...

使用HTML5 Notication API实现一个定时提醒工具

在本文中将利用封装过的API实现一个定时提醒工具。工具的主要目的是：自己经常坐在电脑前，一坐就是好几个小时，希望有工具能够...

HTML5画布下js的文字云/标签云效果 - D3 Cloud

如果你想创建漂亮的文字云或者标签云效果的话，你可以考虑使用D3-Cloud，这是一个超棒的开源字体云效果javascript类库，基于知名...

JavaScript 游戏中的面向对象的设计

简介在本文中，您将了解 JavaScript 中的 OOP，来探索原型继承模型和经典继承模型。举例说明游戏中能够从 OOP 设计的结构和可维...

在HTML5的CANVAS上绘制椭圆的几种方法

HTML5 中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同...

使用HTML5技术开发的超酷颜色选择器

使用 HTML5 技术来自己实现一个更棒的颜色选择器。希望大家喜欢！ HTML代码 !-- preview element -- div /div !-- colorpicker e...

使用HTML5画布实现的超棒javascript动画仪表板：gauge.js

查看演示：今天我们分享来自guage....

HTML5 Web Worker的使用

Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面...

HTML5 Canvas像素处理常用接口

内容概要：本文通过简单的代码实例，以及略猥琐的图片demo，展示了canvas在图像像素数据操作方面的常用接口。一、canvas图片填...

HTML5本地存储之Web Storage篇

Web Storage是 HTML5 引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的...

克服 iOS HTML5 音频的局限

简介过去几年，开发人员一直都在制造完善的交互体验，努力使其可以在浏览器中正确运行。这样的站点通常需要使用浏览器插件 (Fla...

HTML5/CSS3系列教程：HTML5基本标签使用header，nav和footer

大家可能都知道 HTML5 中出现了很多以前没有的标签，例如，header，nav，和footer，在这之前我们如果开发相关的页面布局的时候，...

使用 HTML5 IndexedDB API

HTML5 的一个重要特性是本地数据持久性，它使用户能够在线和离线访问 Web 应用程序。此外，本地数据持久性使移动应用程序更灵敏...

HTML5 postMessage 和 onmessage API 详细应用

Web Workers Web Workers 简介至 2008 年 W3C 制定出第一个 HTML5 草案开始， HTML5 承载了越来越多崭新的特性和功能。它不但强...

利用分层优化 HTML5 画布渲染

通常情况下，在玩 2D 游戏或渲染 HTML5 画布时，需要执行优化，以便使用多个层来构建一个合成的场景。在 OpenGL 或 WebGL 等低级...

HTML5 区域(Sectioning)的重要性

不管你以前在web页面布局中如何称呼它们 - “区域”还是“块”，我们一直都在布局中将页面分成可视的不同区域。但真正的问题在于...

HTML5制作仿jQuery效果

开言本篇文章通过开源html5引擎lufylegend实现 JQuery 滑动效果。能使一个矩形来回减速加速滑行。由于用到了html5里的canvas，...

HTML5标准学习 – 文档结构

说起HTML的结构，很多人都能说得头头是道，一般来说答案可能是这样的：一个DOCTYPE，一个 html ，里面有 head 和 body 元素。 ...

HTML5标准学习 – DOCTYPE

上一篇文章主要讲述了HTML文档的构成，同时肤浅地接触了“标签省略”这一概念，本文会从概念上介绍HTML文档中第一个出现的重要...

HTML5标准学习 – 编码

相信每一个前端工程师都或多或少遇上过“乱码”这位仁兄，无论你的基础有多么扎实，在生产的过程中都免不了偶尔和“乱码”兄弟喝...

HTML5标准学习 – 简介

最近前端的群都蛮热闹的，但我发现多数讨论的是javascript和css相关的问题，仿佛大家在努力创建各种交互、样式的时候，忘却了这...

HTML5 中 div section article 的区别

div HTML Spec: The div element has no special meaning at all. 这个标签是我们见得最多、用得最多的一个标签。本身没有任何语...

HTML5 声明兼容IE的写法

!DOCTYPE html !--[if IE] meta http-equiv=X-UA-Compatible content=IE=8 / ![endif]-- !--[if IE 7] meta http-equiv=X-UA-Com...

HTML5canvas简易画板

这里是一个简易的HTML5画板，目前还没有实现鼠标移动时候的轨迹，只是捕获鼠标点下的坐标作为起点，和鼠标弹起的坐标作为终点。...

html5跨文档消息传递

基于js的同源策略使文档不能跨域访问，为此html5提供了跨文档消息传递功能,下贴出示例... :4933站页面代码 !DOC...