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鍵回到行首,統一刪除換行即可


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM