对于一张网页，我们有时能在打开浏览器控制台的时候看到输出的各种图案，下面说说我的了解过程吧~

都有哪些网站有着一些有趣的console.log信息呢？

img

img

img

img

其实呀，这些形状各异的图案，都是一个个的Ascii字符组成的，像这样的图案，我们一般把它称作字符画。

字符画是以前在图形显示功能受限的时候用来表现图像的一种方式，如今，显示设备已能展示丰富多彩的图片了，字符画作为显示的意义微乎其微，更多是被拿来作为一门艺术欣赏了。

而组成这些字符画的字符呢，可以形成文字，可以形成图画，要转换成文字有下面这个网站，输入要转换的文字就能输出它的字符码了，Text Ascii Art Generator

而图片也是可以转换成字符画的。

以我输入的

	puronglong say:
	Hi

为例。我将Ascii码复制下来以后作为字符串进行console.log却发现这样不行。提示

Uncaught SyntaxError: Unexpected token ILLEGAL

应该是字符画中的换行使用的回车，于是把不能识别的回车换成\n，在字符画的每一行前面都加个\n，只是加上还是不行的，每行都加上以后，光标移到\n的前面，按一下删除键才能把回车删除掉。

但还是报错

咋回事捏？😭

看看提示错误再看看字符画：

		\n                                   _
		\n _ __  _   _ _ __ ___  _ __   __ _| | ___  _ __   __ _   ___  __ _ _   _   _
		\n| '_ \| | | | '__/ _ \| '_ \ / _` | |/ _ \| '_ \ / _` | / __|/ _` | | | | (_)
		\n| |_) | |_| | | | (_) | | | | (_| | | (_) | | | | (_| | \__ \ (_| | |_| |  _
		\n| .__/ \__,_|_|  \___/|_| |_|\__, |_|\___/|_| |_|\__, | |___/\__,_|\__, | (_)
		\n|_|                          |___/               |___/             |___/
		          _
		  /\  /\ (_)
		 / /_/ / | |
		/ __  /  | |
		\/ /_/   |_|

应该是有些字符不能解析的问题，我们知道反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。所以要把字符画中所有的反斜线\都替换成\\，这才是反斜线。

最后代码：

	var a = "\n                                   _                                         \n _ __  _   _ _ __ ___  _ __   __ _| | ___  _ __   __ _   ___  __ _ _   _   _ \n| '_ \\| | | | '__/ _ \\| '_ \\ / _` | |/ _ \\| '_ \\ / _` | / __|/ _` | | | | (_)\n| |_) | |_| | | | (_) | | | | (_| | | (_) | | | | (_| | \\__ \\ (_| | |_| |  _ \n| .__/ \\__,_|_|  \\___/|_| |_|\\__, |_|\\___/|_| |_|\\__, | |___/\\__,_|\\__, | (_)\n|_|                          |___/               |___/             |___/     \n          _                                                                  \n  /\\  /\\ (_)                                                                 \n / /_/ / | |                                                                 \n/ __  /  | |                                                                 \n\\/ /_/   |_|            😃";
            console.info(a);

OK，Nice

打开控制台看看效果：

img

控制台还能玩出好多花样，除了我们这里介绍的字符画，还可以显示图片，可以是字符画动画，还能打游戏，比如贪吃蛇啊，2048啊，下次，我们接着聊~😄