01-HTML5 Canvas的文本API

第3章　HTML5 Canvas的文本API

HTML5 Canvas的文本API让开发者能够在HTML页面上用与之前完全不同的奇妙方式渲染文本。本章将对HTML5 Canvas的文本API进行深入分析，因为它是与Canvas交互的最基本的方式之一。然而，这并不意味着它是第一个被开发出来的Canvas API。实际上，对于许多浏览器，它是在后面才实现的部分。

最近一段时间里，众多浏览器对HTML5 Canvas文本API的支持参差不齐。现在，已经可以用modernizr.js对文本支持进行测试。所有浏览器的最新版本都在不同程度上支持HTML5 Canvas文本API。

本章将创建一个名为“Text Arranger”的应用程序来展示HTML5 Canvas文本API的特征和依存关系。该应用程序用很多种方式来显示一个单行文本，同时也是验证文本是否被各种浏览器共同支持的有效工具。本章稍后的部分将讲述当同时在画布上绘图时，一些文本的特征是不同的。

Canvas上的文本不能使用CSS样式。

在Canvas上使用文本，必须得先知道：Canvas上的文本不能使用CSS样式。虽然Canvas的属性与CSS的属性相似，但却不能交换使用。虽然对于CSS的知识有助于了解Canvas上文本的使用，但是仅靠这些还不够。Canvas可以通过@font-face来使用CSS文件定义字体，且可以定义多种字体，以防某种字体无法使用。