Canvas（1）：绘制简单图形

在 HTML 5 中引入了canvas标签，canvas 标签是网页上一个矩形的单元，可以用 JavaScript 在上面绘画。控制其每一个像素。Canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

Canvas 主要应用于如下的领域：

**1. 游戏：**Canvas 在基于 Web 的图像显示方面比 Flash 更加立体、更加精巧，Canvas 游戏在流畅度和跨平台方面更牛。

**2. 可视化数据（数据图表化）：**比如: 百度的echart、d3.js、three.js等，都是利用 Canvas 来绘制的数据图表。

**3. Banner 广告：**Flash 曾经辉煌的时代，智能手机还未曾出现。现在以及未来的智能机时代，HTML 5 技术能够在 Banner 广告上发挥巨大作用，用 Canvas 实现动态的广告效果再合适不过。

4. 未来：

• 模拟器：无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由 JavaScript 来实现。
• 远程计算机控制：Canvas 能更好地实现基于 Web 的数据传输，构建一个完美的可视化控制界面。
• 图形编辑器：Photoshop 图形编辑器将能够 100% 基于 Web 实现。