HTML5的canvas元素教程[参照].pdfVIP

HTML 5 canvas —— 基本语法 Posted 04/23/2009 - 22:21 by daitao canvas HTML 5 HTML 5 canvas —— 基本语法 作者 Mihai Sucan 2009· 年 1 月 8 日 本文翻译自 HTML 5 canvas - the basics 目录 简述 canvas 基础 2D context API o 基本线条 o 路径 o 插入图像 o 像素级操作 o 文字 o 阴影 o 颜色渐变 小节 简述 HTML 5 规范 引进了很多新特性，其中最令人期待的之一就是 canvas 元素 。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个 canvas 元素都有一个 上下文 ( context ) ( 想象成绘图板上的一页 ) ，在其中可以绘制任意图形。浏览器 支持多个 canvas 上下文，并通过不同的 API 提供图形绘制功能。 大部分的浏览器都支持 2D canvas 上下文 —— 包括 Opera , Firefox , Konqueror 和 Safari 。而且某些版本的 Opera 还支持 3D canvas ，Firefox 也可以通过插件形式支持 3D canvas ： HTML 5 canvas —— 基本语法 Posted 04/23/2009 - 22:21 by daitao canvas HTML 5 HTML 5 canvas —— 基本语法 作者 Mihai Sucan 2009· 年 1 月 8 日 本文翻译自 HTML 5 canvas - the basics 目录 简述 canvas 基础 2D context API o 基本线条 o 路径 o 插入图像 o 像素级操作 o 文字 o 阴影 o 颜色渐变 小节 简述 HTML 5 规范 引进了很多新特性，其中最令人期待的之一就是 canvas 元素 。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个 canvas 元素都有一个 上下文 ( context ) ( 想象成绘图板上的一页 ) ，在其中可以绘制任意图形。浏览器 支持多个 canvas 上下文，并通过不同的 API 提供图形绘制功能。 大部分的浏览器都支持 2D canvas 上下文 —— 包括 Opera , Firefox , Konqueror 和 Safari 。而且某些版本的 Opera 还支持 3D canvas ，Firefox 也可以通过插件形式支持 3D canvas ： HTML 5 canvas —— 基本语法 Posted 04/23/2009 - 22:21 by daitao canvas HTML 5 HTML 5 canvas —— 基本语法 作者 Mihai Sucan 2009· 年 1 月 8 日 本文翻译自 HTML 5 canvas - the basics 目录 简述 canvas 基础 2D context API o 基本线条 o 路径 o 插入图像 o 像素级操作 o 文字 o 阴影 o 颜色渐变 小节 简述 HTML 5 规范 引进了很多新特性，其中最令人期待的之一就是 canvas 元素 。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个