HTML5 canvas文本應(yīng)用 文本應(yīng)用
文本繪制由以下兩個方法組成:fillText(text,x,y,maxwidth); trokeText(text,x,y,maxwidth)。
兩個函數(shù)的參數(shù)完全相同,必選參數(shù)包括文本參數(shù)以及用于指定文本位置的坐標(biāo)參數(shù)。maxwidth是可選參數(shù),用于限制字體大小,它會將文本字體強制收縮到指定的尺寸。此外,還有一個measureText函數(shù)可供使用,該函數(shù)會返回一個度量對象,其中包含了在當(dāng)前context環(huán)境下,指定文本的實際顯示寬度。
為了保證文本在各瀏覽器中都能正常顯示,canvas API為context提供了類似于CSS的屬性,以此來保證實際顯示效果的高度可配置,文本呈現(xiàn)的相關(guān)context屬性如表所示。
屬性 | 值 | 鉿注 |
font | css字體字符串 | ^italic Aridl, scan-serif |
textAlign | start、end、left、right、center | 默認(rèn)是start |
textBdseline | top、hanging、middle、alphabetic^ ideographic、bottom | 默認(rèn)是d丨phdbetic |
點擊加載更多評論>>