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键回到行首,统一删除换行即可