API簡(jiǎn)介
今天我們開(kāi)始征戰(zhàn)一個(gè)全新的內(nèi)容——HTML5 Canvas的文本API！要知道，藝術(shù)家通常同時(shí)也是一個(gè)書(shū)法家，所以我們要學(xué)習(xí)寫(xiě)字，而且是寫(xiě)出漂亮的字。是不是很有意思？
好了，先預(yù)告一下Canvas 文本API有哪些。
| 屬性 | 描述 |
|---|---|
| font | 設(shè)置或返回文本內(nèi)容的當(dāng)前字體屬性 |
| textAlign | 設(shè)置或返回文本內(nèi)容的當(dāng)前對(duì)其方式 |
| textBaseline | 設(shè)置或返回在繪制文本時(shí)使用的當(dāng)前文本基線 |
| 方法 | 描述 |
|---|---|
| fillText() | 在畫(huà)布上繪制“被填充的”文本 |
| strokeText() | 在畫(huà)布上繪制文本（無(wú)填充） |
| measureText() | 返回包含指定文本寬度的對(duì)象 |
看了上面的表格，相信童鞋們以及有了大概的認(rèn)識(shí)。這里，我們先說(shuō)文本的顯示與渲染，用到了font，fillText()與strokeText()。
基本文本顯示
在Canvas上使用文本，必須得先知道：Canvas上的文本不能使用CSS樣式，雖然font屬性與CSS的屬性相似，但是卻不能夠交換使用。
顯示文本三步走戰(zhàn)略：
1.使用font設(shè)置字體。
2.使用fillStyle設(shè)置字體顏色。
3.使用fillText()方法顯示字體。
這里的font屬性可以不指定，如果沒(méi)有指定字體，則默認(rèn)自動(dòng)使用 10px 無(wú)襯線體。
下面的代碼簡(jiǎn)單顯示了一段文本
新聞熱點(diǎn)
疑難解答
圖片精選
