原文：http://developer.mozilla.org/En/Canvas_tutorial

<canvas>是一個可以用JS腳本來作畫的HTML標記，用它來可以做些簡單的繪圖、圖片變換或者動畫等等。

<canvas>標記最早是被Mac OS X Dashboard及其后的Safari瀏覽器引入，如今，基于Geoko 1.8內(nèi)核的瀏覽器，比如FireFox 1.5等也開始支持這個新的標簽，并且是已制定的HTML5標準的標記之一。

在以下的教程中，我們將演示如何操作該標簽，并給出實例來說明canvas的各方法及用途。

起步之前

在學習之前，我們肯定要先掌握一些基本的HTML及JS知識，然后才能在接下來的教程中有所感悟。并且，canvas標記目前并不被市面上所有的瀏覽器所兼容，因此，你需要一個基于Geoko 1.8內(nèi)核的瀏覽器，比如Firefox 1.5，Opera 9或者最新版本的Safari瀏覽器作為學習工具；

教程索引

1. 基本語法（Basic usage）
2. 幾何圖形繪制（Drawing shapes）
3. 圖片應用（Using images）
4. 樣式與顏色應用（Applying styles and colors）
5. 圖形變換（Transformations）
6. 圖像合成（Compositing）
7. 動畫基礎（Basic animations）