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

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提供了類(lèi)似于CSS的屬性,以此來(lái)保證實(shí)際顯示效果的高度可配置。


    視頻中有繪制文本的實(shí)例,如有需要,請(qǐng)看視頻。

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

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