0
点赞
收藏
分享

微信扫一扫

利用 FIGlet 输出特殊的字符


figlet

简介

​​「FIGlet」官网​​

「FIGlet」是基于ASCII字符组成的字符画。它的名字由来,其实有几个固定的名称,几种比较主要的称呼分别是:「ASCII TEXT」、「ASCII TEXT Banner」、「ASCII Art」、「ASCII Decorator」和「FIGlet」。

使用 figlet-cli

​​https://github.com/patorjk/figlet-cli​​

npm install -g figlet-cli

figlet "hello world"

figlet -f "Dancing Font" "Hi"

利用 FIGlet 输出特殊的字符_官网

字体设置

比如:我们要设置成下图的字体

利用 FIGlet 输出特殊的字符_css样式_02

当我们执行下面命令时:发现报错,说少了字体文件

"5lineoblique" "kaimo"

利用 FIGlet 输出特殊的字符_css样式_03

下载字体文件​​font database​​​:我们找到字体文件​​5lineoblique.flf​​​点击 ​​here​​

利用 FIGlet 输出特殊的字符_官网_04

找到文件缺失的地方:我们发现有个文件名字跟我们需要差不多,只是写法不一样

利用 FIGlet 输出特殊的字符_官网_05

我们可以执行命令:

"5 Line Oblique" "kaimo"

利用 FIGlet 输出特殊的字符_javascript_06

所以是命名问题,其他的字体可以按照同样的操作处理,如果没有就自己下载字体下来放进文件所在位置就行。

console.log

常用命令

console.log()    // 打印日志
console.debug() // 打印调试
console.error() // 打印错误
console.info() // 打印信息
console.warn() // 打印警告
console.assert() // 打印断言
console.clear() // 清空

​%c表示css样式​

console.log('%cHello', 'color: #43bb88;font-size: 24px;font-weight: bold;text-decoration: underline;');

​%d表示数字​

console.log('%d', 123);

​%i表示整型数字​

console.log('%i', 123);

​%o表示DOM元素​

console.log('%o', document.body);

​%O表示javascript对象​

console.log('%O', new Date());


举报

相关推荐

0 条评论