console.log输出彩色字,图片等

console.log打印出个性的彩色字和图片

 

 console.log输出彩色字,图片等_第1张图片

平时是不是只用console调试或者打印信息了,没有试过上面这种呢?感觉很有趣有没有

 

 下面的代码可以复制到控制台自己尝试下效果:

改变文字样式等

console.log("%c 前端开发 %c tangwei %c 呀!", "color:red","","color:orange;font-weight:bold")

添加图片

console.log("%c ", "background: url(http://图片地址.jpg) no-repeat center;padding-left:80px;padding-bottom: 80px;border-radius:50%;")
console.log("%c ", "background: url(http://图片地址.jpeg) no-repeat center;padding-left:640px;padding-bottom: 242px;")

打印字符画

就是知乎那样的字符画

推荐2款在线的生成工具:

在线工具:asciipainting

在线工具:mg2txt

在线将文字表情或者图片生成为字符的形式,利用sublime等idea工具在每行最后加换行符号"\n",再去掉换行,粘贴到console.log里面就可以了

附:sublime换行的修改方法:

鼠标滚轮选中所有行的末尾添加"\n",再一起home键回到行首,统一删除换行即可

转载于:https://www.cnblogs.com/tangwei89/p/11576936.html

你可能感兴趣的:(console.log输出彩色字,图片等)