Canvas
什么是Canvas
- HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
- 画布是一个矩形区域，可以控制其每一像素。
- canvas是拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
基本用法
<canvas>标签只有两个属性 – width 和 height,所以在低版本的浏览器是不支持的,要在浏览器中写上 :
<canvas id="tutorial" width="150" height="150">浏览器版本不支持</canvas>
<canvas>在没有设置宽高的时候,默认初始化为 :
<canvas width='300px' height='150px'></canvas>
浏览器支持
- Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 及其属性和方法。
**注释：**Internet Explorer 8 以及更早的版本不支持元素。
颜色、样式和阴影
canvas 主要应用的领域（了解）
游戏：canvas 在基于 Web 的图像显示方面比 Flash 更加立体、更加精巧，canvas 游戏在流畅度和跨平台方面更牛。
25 超棒的 HTML5 Canvas 游戏
可视化数据.数据图表话，比如:百度的 echart
banner 广告：Flash 曾经辉煌的时代，智能手机还未曾出现。现在以及未来的智能机时代，HTML5 技术能够在 banner 广告上发挥巨大作用，用 Canvas 实现动态的广告效果再合适不过。
未来=> 模拟器：无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由 JavaScript 来实现。
未来=> 远程计算机控制：Canvas 可以让开发者更好地实现基于 Web 的数据传输，构建一个完美的可视化控制界面。
未来=> 图形编辑器：Photoshop 图形编辑器将能够 100%基于 Web 实现。
其他可嵌入网站的内容(多用于活动页面、特效)：类似图表、音频、视频，还有许多元素能够更好地与 Web 融合，并且不需要任何插件。
完整的 canvas 移动化应用
我们课程的目标
我们不是主要做游戏开发的
要求必须会做基本的用 canvas 绘制的特效页面：比如，传智前端官网。
会用 canvas 做一些简单的广告、活动页面
我们课程的案例和项目演示
canvas 的标准：
最新标准：http://www.w3.org/TR/2dcontext/
稳定版本的标准：http://www.w3.org/TR/2013/CR-2dcontext-20130806/
目前来说，标准还在完善中。先用早期的 api 足够完成所有的应用
