console.log()前端工程师的情怀

221 阅读1分钟

 look! looK, 很多网站的控制台都有自己的 打印图形,做一名前端要充满情怀,让自己快乐起来。

抽点时间搞事情。 实现自己的图形 只要10 分钟。

图1


图2


查考网站

aotu.io/notes/2016/…

搞起——>

1.需要工具

工具:Notepad++  文档编辑器

这个网站是把图片 转换成 文字 图形

www.degraeve.com/img2txt.php

比如:


第一步:找个图片链接地址,我就随便在网上找一个演示 

ss0.bdstatic.com/70cFvHSh_Q1…

进入 www.degraeve.com/img2txt.php


把图片网址放进去,点击ASCLLFY按钮生成


你以为这样就完成了? 我们可以把 生成的文字图片 用console.log() 打印出来


发现文档有报错,在看控制台,语法错误


别急,文字图片没有换行符造成的。 打开 Notepad++ ,  文字图片复制 文档里

设置 视图——>显示符号


最后一步 替换转义符  Ctrl+H

由于不能直接替换成\n,我们先替换成a,等会再替换\n.


你会发现整个text变成了一行,再次替换


然后复制,用 console.log() 打印出来, (本人找的图片太大了,放不下,元素过多,尽量找简约的), 文字图片处理不是很好,不是和清新,可以用主要工具处理。

ASCII Generator Portable(将图片转为字符画工具)