除了知乎的控制台,许多常用的依赖或SDK的README中也会出现这样的字符logo。
比如知乎的这个艺术字就可以用下面这个网站自动生成:
Text to ASCII Art Generator (TAAG)
控制台输出通过多个 console.log 语句或者 'n' 转义换行符换行,也可以直接用 ` 符号包裹字符串内容来声明预定义格式文本以保留换行。
在字符串中通过 %c 标记来开始一个结点,它没有结束符,如果后半节需要使用控制台默认样式,只需要在后半节的开始部分加上 %c ,并加上一个空的CSS字符串 console.log('%c ho %c me', 'color: red', ' ') ,这样就会对前一个样式产生覆盖。
最后以 %c 标记的顺序在 log 结尾处写入 CSS 字符串并用逗号分隔,就像:['%c小红%c和%c小蓝', '小红 CSS', '和 CSS', '小蓝 CSS'],或者这样:
console.log('%c 应急食品的百种烹饪方式 n' + '%c ——正义人 ', 'color: #333', 'color: #999')
除了color以外可以还可以使用任何非浏览器内核额外提供(-webkit-/-ms-/-moz-/-o-/...) 的标准CSS、CSS3样式,甚至可以将自己的照片输出在控制台。
需要注意的是几个起始符就写几套样式,否则后面未定义样式的节段都会应用最后一个定义的样式,且未定义样式的 %c 也会被当成字符输出打印出来。
console.log('%c _____________________________n' + '%c ______ %c______ %c__ __ n' + '%c /___ %c/___ %c/___ n' + '%c /_/ /__ %c/_/ /__ %c/_/_/_ n' + '%c /_____ %c/_____ %c/_/_ n' + '%c /_____/ %c/_____/ %c/_//_/n' + '%c _____________________________n' + ' ','color:#ff0000','color:#ff0000','color:#ff3b00','color:#ff7500','color:#ff7800','color:#FD7B00','color:#FFAD00','color: #FEDA00','color:#D0FD00','color:#93FF00','color:#80FF00','color:#1AFF00','color:#00FF2E','color:#00FF3B','color:#00FFB1','color:#00F2F9','color:#00E0F9')
相关知识
《天国拯救2》全药剂控制台代码整理
C++控制台渲染一朵逼真的玫瑰花
《上古卷轴4重制版》控制台代码一览 老滚4重制版秘籍指令是什么
饥荒所有食物代码大全,联机版输入控制台指令实现自由
《饥荒》哈姆雷特控制台代码一览
【UE4】控制台文档—中
JavaScript高阶教程之“==”隐藏下的类型转换
使用JavaScript来写一个简单水仙花
校园内有个圆形花坛,围绕花坛有n个连续的格子,LCZ开始在第1个格子开始向前跳,第i次跳跃会越过ci个格子落到一个新格子上。(注意,花坛是圆形的,第n个格子与第1个格子相连) 已知LCZ一共跳了m次,问花坛的所有格子中有多少个格子没到达过。Python代码
c语言如何输出玫瑰花
网址: 控制台:控制台艺术字 & 为控制台输出增加样式(console.log( )) https://m.huajiangbk.com/newsview2309812.html
上一篇: 【酷家乐0元设计】+我的家小家碧 |
下一篇: 谁亲告诉一下干花如何保存多久?谁 |