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

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

 

 

平时是不是只用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键回到行首，统一删除换行即可