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 融合，并且不需要任何插件。

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 融合，并且不需要任何插件。

Canvas主要应用的领域

1 可视化数据： 各类统计图表，比如:百度的echart

2 场景秀： 用Canvas实现动态的广告效果能够非常融洽的跨平台运行。如:手机中微产品.在移动端兼容性很好

3 游戏： canvas在基于Web的图像显示方面比Flash更加立体、更加精巧，canvas成为HTML5小游戏开发首选。现阶段h5做游戏,营业方式不是很明确. 25 超棒的 HTML5 Canvas 游戏

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

5 趋势=> 模拟器： 无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由JavaScript来实现。模拟真实硬件环境,如移动端各种类型手机.

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

7 趋势=> 图形编辑器： Photoshop图形编辑器将能够100%基于Web实现。

作者：Ainy尘世繁花终凋落

链接：https://www.jianshu.com/p/1785a1ba5a6b

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Canvas主要应用的领域

1 可视化数据： 各类统计图表，比如:百度的echart

2 场景秀： 用Canvas实现动态的广告效果能够非常融洽的跨平台运行。如:手机中微产品.在移动端兼容性很好

3 游戏： canvas在基于Web的图像显示方面比Flash更加立体、更加精巧，canvas成为HTML5小游戏开发首选。现阶段h5做游戏,营业方式不是很明确. 25 超棒的 HTML5 Canvas 游戏

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

5 趋势=> 模拟器： 无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由JavaScript来实现。模拟真实硬件环境,如移动端各种类型手机.

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

7 趋势=> 图形编辑器： Photoshop图形编辑器将能够100%基于Web实现。

Canvas主要应用的领域

1 可视化数据： 各类统计图表，比如:百度的echart

2 场景秀： 用Canvas实现动态的广告效果能够非常融洽的跨平台运行。如:手机中微产品.在移动端兼容性很好

3 游戏： canvas在基于Web的图像显示方面比Flash更加立体、更加精巧，canvas成为HTML5小游戏开发首选。现阶段h5做游戏,营业方式不是很明确. 25 超棒的 HTML5 Canvas 游戏

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

5 趋势=> 模拟器： 无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由JavaScript来实现。模拟真实硬件环境,如移动端各种类型手机.

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

7 趋势=> 图形编辑器： Photoshop图形编辑器将能够100%基于Web实现。

基础知识导入

1、canvas是 HTML5 提供的一种新标签。浏览器支持canvas则显示边框，不支持则显示标签里的内容。

您的浏览器不支持 HTML5 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 融合，并且不需要任何插件。

1. 游戏：canvas 在基于 Web 的图像显示方面比 Flash 更加立体、更加精巧，canvas 游戏在流畅度和跨平台方面更优秀，例如这25款canvas游戏

2. 可视化的库：Echart

3. banner广告：Canvas 实现动态的广告效果非常合适

4. 图形编辑器：后续Photoshop能够100%基于Web实现

5. 微信读书、腾讯文档均是通过canvas实现

1 可视化数据： 各类统计图表，比如:百度的echart

2 场景秀： 用Canvas实现动态的广告效果能够非常融洽的跨平台运行。如:手机中微产品.在移动端兼容性很好

3 游戏： canvas在基于Web的图像显示方面比Flash更加立体、更加精巧，canvas成为HTML5小游戏开发首选。现阶段h5做游戏,营业方式不是很明确. 25 超棒的 HTML5 Canvas 游戏

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

5 趋势=> 模拟器： 无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由JavaScript来实现。模拟真实硬件环境,如移动端各种类型手机.

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

7 趋势=> 图形编辑器： Photoshop图形编辑器将能够100%基于Web实现。