HTML5 canvas文本應(yīng)用——文本繪制
提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-12-14
視頻內(nèi)容:
文本繪制由以下兩個(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í)際顯示效果的高度可配置。
視頻中有繪制文本的實(shí)例,如有需要,請(qǐng)看視頻。
繼續(xù)查找其他問(wèn)題的答案?
相關(guān)視頻回答
點(diǎn)擊加載更多評(píng)論>>