摘要： 本文将继续介绍canvas的功能，展示如何绘制更复杂的图形（包括圆弧和曲线），如何使用剪裁区域来限制操作以及如何绘制文本。还是介绍可以应用在画布上的特效和变换，包括阴影、透明度、旋转和坐标重映射。 1. 用路径绘图 路径本质上是一组独立的线条（被称为子路径），它们组合到一起构成图形。我们绘制子路径的 阅读全文

摘要： 1. 开始使用 canvas 元素 canvas 元素非常简单，这是指它所有的功能都体现在一个JavaScript对象上，因此该元素本身只有两个属性：width 和 height。 canvas 元素里的内容会在浏览器不支持此元素时作为备用内容显示。下面例子展示了canvas 元素和一些简单的备用内 阅读全文

摘要： HTML5 支持直接在浏览器中播放音频和视频文件，不需要使用Abode Flash这样的插件。 1. 使用 video 元素 可以用video 元素在网页里嵌入视频内容。 其基本用法如下： 此例显示效果如下： 如果浏览器不支持video元素或者无法播放视频那么备用内容（开始和结束标签之内的内容）就会 阅读全文

摘要： 1. 准备向服务器发送数据 Ajax 最常见的一大用途是向服务器发送数据。最典型的情况是从 客户端发送表单数据，即用户在form元素所含的各个 input 元素里输入的值。下面代码展示了一张简单的表单： 这个例子中的表单包含三个input元素和一个提交button 。这些input元素让用户可以指定 阅读全文

摘要： 1. 使用简单事件处理器 可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器（simple event handler）。元素为它们支持的每一种事件都定义了一个事件属性。举个例子，onmouseover事件属性对应全局事件mouseover，后者会在用户把光标移动到元素占据 阅读全文

摘要： 随着对分离HTML元素的语义重要性与其表现的影响的不断强调，CSS在HTML5元素布局方面的作用越来越重要。 1. 定位内容 控制内容最简单的方式就是通过定位，这允许你使用浏览器改变元素的布局方式。 1.1 设置定位类型 position 属性设置了元素的定位方法。 position 属性的不同值指 阅读全文

摘要： 1. 使用样式表 可以通过document.styleSheets属性访问文档中可用的CSS样式表，它会返回一组对象集合，这些对象代表了与文档管理的各个样式表。 每个样式表 都由一个CSSStyleSheet 对象代表，它提供了一组属性和方法来操作文档里的样式。 1.1 获得样式表的基本信息 第一步 阅读全文

摘要： 1. 使用元素对象 HTMLElement对象提供了一组属性，可以用它们来读取和修改被代表的数据。下表介绍了这些属性。 下面代码展示了如何使用表中所列的一些基本属性。 从下图可以看到浏览器为这些属性所提供的结果。 1.1 使用类 可以用两种方式处理某个元素所属的类。第一种方式是使用className 阅读全文

摘要： 1. 获取 Window 对象 可以用两种方式获得Window对象。正规的HTML5方式是在Document对象上使用defaultView属性。另一种是使用所有浏览器都支持的全局变量window 。 2. 获取窗口信息 顾名思义，Window对象的基本功能涉及当前文档所显示的窗口。下表列出了运作这 阅读全文

摘要： Document 对象时通往DOM功能的入口，它向你提供了当前文档的信息，以及一组可供探索、导航、搜索或操作结构与内容的功能。 我们通过全局变量document访问Document对象，它是浏览器为我们创建的关键对象之一。Document对象提供了文档的整体信息，并让你能够访问模型里的各个对象。简单 阅读全文