HTML5 canvas文本應(yīng)用 文本應(yīng)用

    文本繪制由以下兩個(gè)方法組成：fillText(text,x,y，maxwidth); trokeText(text,x,y,maxwidth)。 

    兩個(gè)函數(shù)的參數(shù)完全相同，必選參數(shù)包括文本參數(shù)以及用于指定文本位置的坐標(biāo)參數(shù)。maxwidth是可選參數(shù)，用于限制字體大小，它會(huì)將文本字體強(qiáng)制收縮到指定的尺寸。此外，還有一個(gè)measureText函數(shù)可供使用，該函數(shù)會(huì)返回一個(gè)度量對(duì)象，其中包含了在當(dāng)前context環(huán)境下，指定文本的實(shí)際顯示寬度。

    為了保證文本在各瀏覽器中都能正常顯示，canvas API為context提供了類似于CSS的屬性，以此來(lái)保證實(shí)際顯示效果的高度可配置，文本呈現(xiàn)的相關(guān)context屬性如表所示。