我们能用HTML5 Canvas做什么？

        最近在国外问答网站Quora上，许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活，能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么？3D3R公司创始人兼CEO Ohad Eder-Pressman的答案十分精彩，我们对其文字进行了翻译和整理，不妨一起来看一看。

图：用Canvas绘制的图形

什么是Canvas？

        Canvas元素是HTML5的一部分，允许脚本语言动态渲染位图像。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区，通过一套完整的绘图功能类似于其他通用二维的API，从而生成动态的图形。

Ohad Eder-Pressman

我们能用Canvas做些什么？

1. 游戏：毫无疑问，游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web的图像显示方面比Flash更加立体、更加精巧，Ohad认为运用Canvas制作的图像能够令HTML5游戏在流畅度和跨平台方面发挥更大的潜力。

2. 图表制作：图表制作时常被人们忽略，但无论企业内部还是企业间交流合作都离不开图表。现在一些开发者使用HTML/CSS完成图标制作，但Ohad认为大家完全可以用Canvas来实现。当然，使用SVG（可缩放矢量图形）来完成图表制作也是非常好的方法。

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

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

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

6. 字体设计：对于字体的自定义渲染将完全可以基于Web，使用HTML5技术进行实现。

7. 图形编辑器：Ohad预测，图形编辑器将能够100%基于Web实现。

8. 其他可嵌入网站的内容：类似图表、音频、视频，还有许多元素能够更好地与Web融合，并且不需要任何插件。Ohad呼吁大家继续挖掘Canvas的潜力，运用HTML5技术创造更多价值。

【我们能用HTML5 Canvas做什么？】相关文章

1. 我们能用HTML5 Canvas做什么？

2. CSS FILTERS：CSS过滤器能够做什么？

3. HTML.Next会给我们带来什么？

4. HTML5是什么？最直观的感受体验

5. Responsive Javascript 是什么？

6. 20个案例让你了解用HTML5可以做出什么作品

7. 别担心，我们还有HTML5和CSS3

8. 扎克伯格访谈总结：专注HTML5是最大的错误 我们被低估了

9. Xero：我们放弃 HTML5 的三大原因

10. 依赖 IDE 做开发，会让你成为一名糟糕的程序员么？

本文来源：https://www.51html5.com/a3272.html