位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

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

提問人:劉團圓發(fā)布時間:2020-11-14

    文本繪制由以下兩個方法組成: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、endleft、rightcenter

默認(rèn)是start

textBdseline

top、hangingmiddle、alphabetic^ ideographic、bottom

默認(rèn)是dphdbetic


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部