春夏秋冬

摘要: HTML5边玩边学（5）：图像、图案和字体 一、创建图像对象 在 HTML5 中，Image 对象对应着一幅图片，想要获取一个图像对象，有以下几种方法：1) 通过 document.images 集合、document.getElementsByTagName 方法或者 document.getElementById 方法来获取网页内已经存在的图片对象；2) 用 document.getEleme...阅读全文

摘要: HTML5边玩边学（4）：变幻的色彩 在上一节HTML5边玩边学（3）：像素和颜色中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。 一、基本颜色在HTML5边玩边学（2）：基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：strokeStyle 决定了你当前要绘制的线条的颜色fillStyle 决定了你当前要填充的区域的颜色颜色...阅读全文

摘要: HTML5边玩边学（3）：像素和颜色 提示：建议使用 Chrome 浏览器或者 Firefox 浏览器阅读本文，否则文中的样例程序可能无法看到运行效果。一、理解颜色我们在电脑屏幕上可以看到色彩斑斓的图像，其实这些图像都是由一个个像素点组成的。那么像素是什么？颜色又是什么呢？（如果您提出这两个问题，您一定是个热爱思考的人）一个像素其实对应着内存中的一组连续的二进制位，由于是二进制位，每个位上的取值当...阅读全文

摘要: HTML5边玩边学（2）：基础绘图 在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。一、坐标系其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝...阅读全文

摘要: TML5边玩边学（1）：画布 一、<canvas>标签Html5 引入了一个新的 <canvas> 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢?新闻链接：Google声称Chrome7浏览器将提速60倍<canvas>标...阅读全文

摘要: 超文本标记语言（HTML）的开发到 1999 年 HTML 4 就停止了。万维网联盟（W3C）把重点转向将 HTML 的底层语法从标准通用标记语言（SGML）改为可扩展标记语言（XML），以及可缩放向量图型（SVG）、XForms 和 MathML 这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要（RSS）阅读器这类浏览器特性上。Web 设计人员开始学习使用异步 JavaScript ...阅读全文

摘要: HTML5 提供了画布（canvas）标签，通过与Javascript结合使用，可以在网页上绘制图像。Canvas是一个矩形区域，使用Javascript可以控制其每一个像素。本文将对canvas标签进行简要的学习。　　1、canvas标签说明 canvas标签是一个矩形区域，它包含两个属性width和height，分别表示矩形区域的宽和高，这两个属性都是可选的，并且都可以通过css来设定，他们的...阅读全文

摘要: Html5数据库API是以一个独立规范形式出现，它包含三个核心方法： 1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。2、transaction：这个方法允许我们根据情况控制事务提交或回滚。3、executeSql：这个方法用于执行真实的SQL查询。　　打开数据库　　openDatabase方法可以打开已经存在的数据库，不存在则创建：var db = openDa...阅读全文

摘要: 一、Web Socket 定义了一套API, 允许网页能够使用Web Socket协议来和远程主机进行双工通信。 二、Web Storage 定义了一套API, 能够在Web客户端以key-value的形式对数据进行持久化存储。 三、Web SQL 定义了一套API, 能够将数据存储在数据库，并使用类似SQL的方式进行查询。 四、Web Workers 定义了一套API，能够允许脚本运行于后台，进行类似于后台异步、线程化的操作。 五、WebGl 定义了一套API, 能够允许在网页中使用类似于Open GL，实际上是一套基于OpenGL ES 2.0的3d图形API。这些API是通过HTML 5阅读全文