有时候需要在网页中模拟LED点阵屏显示文字,效果如下图:
原理就是将文字像素存储在二维数组内,用canvas画出像素点,有效的点用字体颜色填充,无效的点用点阵屏底色填充(一般用深灰比较合适)。
完整代码如下:
下图设置显示的文字,size:100是字体大小,pointScale:.3为像素点的饱满度,都可以自己试试。