HTML5 Canvas核心技术

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

我们能用Canvas做什么？

1. 游戏

在HTML5领域，游戏占据着举足轻重的地位。相较于Flash，HTML5在基于Web的图像显示方面更加立体、更加精巧。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技术创造更多价值。