基础知识导入
1、canvas是 HTML5 提供的一种新标签。浏览器支持canvas则显示边框，不支持则显示标签里的内容。
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
您的浏览器不支持 HTML5 canvas 标签。
</canvas>
2、canvas是一个矩形区域的画布，用于图形的绘制，通过脚本 (通常是JavaScript)来完成，它只是图形容器，本身不具备绘图功能。
3、canvas 拥有多种绘制路径，线、矩形、圆、文字以及添加图像及背景。即我们可以在一张白纸上绘制的它都能做到。
canvas的应用领域
1、游戏：canvas 在基于 Web 的图像显示方面比 Flash 更加立体、精巧，canvas 游戏在流畅度和跨平台方面更牛。
2、可视化数据：数据图表，如echart、F2、G2 ...。
3、banner 广告：用Canvas可实现动态的广告效果。
4、模拟器：模拟器产品可以完全由 canvas 来实现，视觉效果上更加逼真模拟实际生活中的工具，进一步优化物联网大环境下的使用体验，降低使用者的学习成本。
5、构建完整的 canvas 移动化应用，未来=>远程计算机控制：Canvas 可以让开发者更好地实现基于 Web 的数据传输，构建一个完美的可视化控制界面。
6、图形编辑器：目前已面世的，如：可视化组态编辑工具ht，完全基于canvas绘制。未来Photoshop能够基于canvas在web端100%实现。
7、其他可嵌入网站的内容(多用于活动页面、特效)：类似图表、音频、视频，还有许多元素能够更好地与 Web 融合，并且不需要任何插件。
扫描二维码关注公众号，回复：
9574392 查看本文章
