欢迎光临散文网 会员登陆 & 注册

网页模拟LED点阵屏显示文字

2022-03-02 11:52 作者:曹同學  | 我要投稿

有时候需要在网页中模拟LED点阵屏显示文字,效果如下图:

网页中模拟LED点阵屏显示文字

原理就是将文字像素存储在二维数组内,用canvas画出像素点,有效的点用字体颜色填充,无效的点用点阵屏底色填充(一般用深灰比较合适)。

完整代码如下:

下图设置显示的文字,size:100是字体大小,pointScale:.3为像素点的饱满度,都可以自己试试。


网页模拟LED点阵屏显示文字的评论 (共 条)

分享到微博请遵守国家法律