console.log控制台里怎么输出图片

Posted 凯小默

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了console.log控制台里怎么输出图片相关的知识,希望对你有一定的参考价值。

https://kaimo313.github.io/blogs

代码

console.log(`%c %c\\n十年可见春去秋来,百年可证生老病死;\\n千年可叹王朝更替,万年可见斗转星移;\\n凡人如果用一天的视野,去窥探百万年的天地,是否就如同井底之蛙。\\n%c 卡夫卡的岛上书店 %c 版本:$KxmVerson.version `,
  ` padding: 35px 200px;
    background-image: url(https://kaimo313.gitee.io/blogs/console.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;`, 
  'color: #3eaf7c; font-size: 16px;margin-bottom: 10px;',
  'background: #35495e; padding: 4px; border-radius: 3px 0 0 3px; color: #fff', 
  'background: #41b883; padding: 4px; border-radius: 0 3px 3px 0; color: #fff',
);

效果

以上是关于console.log控制台里怎么输出图片的主要内容,如果未能解决你的问题,请参考以下文章

console.log() 在浏览器控制台输出特殊字符编码的图案

console.log 啥意思??干啥用的? console.info啥意思?干啥用的?

chrome浏览器控制台输出的内容怎么暂停

如何在JS中捕获console.log的输出

java web编程中console.info 和console.log 有啥区别

console.log和console.info的区别