一、什么是canvas？（了解）

· 是HTML5提供的一种新标签

<canvas></canvas>

 英 ['kænvəs]  美 ['kænvəs]   帆布 画布

· Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。控制其每一个像素。

· canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。

· canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

· HTML5之前的web页面只能用一些固定样式的标签：比如p、div、h1等，但有了canvas Web页面可以可以丰富多彩。

二、canvas主要应用的领域

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

2. 可视化数据.数据图表话，比如:百度的echart

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

4. 未来=> 模拟器：无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由JavaScript来实现。

5. 未来=> 远程计算机控制：Canvas可以让开发者更好地实现基于Web的数据传输，构建一个完美的可视化控制界面。

6. 未来=> 图形编辑器：Photoshop图形编辑器将能够100%基于Web实现。

7. 其他可嵌入网站的内容(多用于活动页面、特效)：类似图表、音频、视频，还有许多元素能够更好地与Web融合，并且不需要任何插件。

8. 完整的canvas移动化应用

9. 我们课程的目标

o 我们不是主要做游戏开发的

o 要求必须会做基本的用canvas绘制的特效页面：比如，传智前端官网。

o 会用canvas做一些简单的广告、活动页面

10. 我们课程的案例和项目演示

11. canvas的标准：

o 目前来说，标准还在完善中。先用早期的api足够完成所有的应用

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。