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

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

startend、left、rightcenter

默認是start

textBdseline

top、hanging、middlealphabetic^ ideographic、bottom

默認是dphdbetic


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

相關視頻回答
回復(0)
返回頂部