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