網(wǎng)頁(yè)模擬LED點(diǎn)陣屏顯示文字
有時(shí)候需要在網(wǎng)頁(yè)中模擬LED點(diǎn)陣屏顯示文字,效果如下圖:

原理就是將文字像素存儲(chǔ)在二維數(shù)組內(nèi),用canvas畫(huà)出像素點(diǎn),有效的點(diǎn)用字體顏色填充,無(wú)效的點(diǎn)用點(diǎn)陣屏底色填充(一般用深灰比較合適)。
完整代碼如下:
下圖設(shè)置顯示的文字,size:100是字體大小,pointScale:.3為像素點(diǎn)的飽滿度,都可以自己試試。


標(biāo)簽: