如何在 JS 中将 ASCII 艺术图像输入到控制台？

Question

我正在尝试在控制台中显示此 ASCII 图像：

_______                                       
\  ___ `'.            /|                 .--. 
 ' |--.\  \           ||                 |__| 
 | |    \  '          ||                 .--. 
 | |     |  '         ||  __        __   |  | 
 | |     |  | _    _  ||/'__ '.  .:--.'. |  | 
 | |     ' .'| '  / | |:/`  '. '/ |   \ ||  | 
 | |___.' /'.' | .' | ||     | |`" __ | ||  | 
/_______.'/ /  | /  | ||\    / ' .'.''| ||__| 
\_______|/ |   `'.  | |/\'..' / / /   | |_    
           '   .'|  '/'  `'-'`  \ \._,\ '/    
            `-'  `--'            `--'  `" 

但是，我遇到了多个错误，因为我不知道您将如何输入它以使其在激活代码时显示在控制台中。

Answer 1

使用模板文字在字符串中嵌入换行符。 您需要转义字符串中的反引号。

 console.log(`_______ \\ ___ \\`'. /| .--. ' |--.\\ \\ || |__| | | \\ ' || .--. | | | ' || __ __ | | | | | | _ _ ||/'__ '. .:--.'. | | | | ' .'| ' / | |:\\` '. '/ | \\ || | | |___.' /'.' | .' | || | |\\`" __ | || | /_______.'/ / | / | ||\\ / ' .'.''| ||__| \\_______|/ | \\`'. | |/\\'..' / / / | |_ ' .'| '/' \\`'-'\\` \\ \\._,\\ '/ \\`-' \\`--' \\`--' \\`" `);

Answer 2

你也可以只使用 figlet。 确保首先使用 npm i figlet 安装它

const figlet = require("figlet")
figlet.text("Text", function (err, data){
 console.log(data)
})

上面的代码是一个将文本发送到模块“figlet”并将文本作为 ascii art 返回的函数。 尝试更改“文本”以查看结果。

Answer 3

您可以使用模板字符串文字： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

可以使用反引号字符来完成，例如：

 console.log(`%c _______ \\ ___ \\`'. /| .--. ' |--.\\ \\ || |__| | | \\ ' || .--. | | | ' || __ __ | | | | | | _ _ ||/'__ '. .:--.'. | | | | ' .'| ' / | |:/\\` '. '/ | \\ || | | |___.' /'.' | .' | || | |\\`" __ | || | /_______.'/ / | / | ||\\ / ' .'.''| ||__| \\_______|/ | \\`'. | |/\\'..' / / / | |_ ' .'| '/' \\`'-'\\` \\ \\._,\\ '/ \\`-' \\`--' \\`--' \\`" `, `font-family: monospace`);

您必须安排 ASCII：

• 转义每个反引号，否则它将终止字符串。
• 控制台使用的字体与ASCII图像（等宽）使用的字体不同，在Chrome中您可以设置字体，否则，您需要排列ASCII图像以适应控制台字体。

要查看字体更改，请使用真实控制台而不是 StackOverflow 中的控制台

Answer 4

您需要转义反引号字符和反斜杠字符。

 const str = `_______ \\\\ ___ \\`'. /| .--. ' |--.\\\\ \\\\ || |__| | | \\\\ ' || .--. | | | ' || __ __ | | | | | | _ _ ||/'__ '. .:--.'. | | | | ' .'| ' / | |:/\\` '. '/ | \\\\ || | | |___.' /'.' | .' | || | |\\`" __ | || | /_______.'/ / | / | ||\\\\ / ' .'.''| ||__| \\\\_______|/ | \\`'. | |/\\\\'..' / / / | |_ ' .'| '/' \\`'-'\\` \\\\ \\\\._,\\\\ '/ \\`-' \\`--' \\`--' \\`" `; console.log(str);

Answer 5

发现了这个惊人的在线转换器，可以用来转义 JavaScript 字符串

复制粘贴ASCII文本到freeformatter，将转义的字符串复制到console.log("");

console.log("\r\n\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2557\u2591\u2591\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2557\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2591\u2591\u2588\u2588\u2557\u2591\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2591\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2591\r\n\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2591\r\n\u2588\u2588\u2551\u2591\u2591\u255A\u2550\u255D\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2588\u2588\u2588\u2557\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2557\u2591\r\n\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2557\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2551\u2591\u255A\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2554\u2550\u2550\u255D\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2591\u2591\u2591\u2588\u2588\u2551\u2591\u2591\u2588\u2588\u2551\u2588\u2588\u2551\u2591\u2591\u255A\u2588\u2588\u2557\r\n\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2591\u255A\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\r\n\u2591\u255A\u2550\u2550\u2550\u2550\u255D\u2591\u2591\u255A\u2550\u2550\u2550\u2550\u255D\u2591\u255A\u2550\u255D\u2591\u2591\u255A\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D\u2591\u2591\u255A\u2550\u2550\u2550\u2550\u255D\u2591\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u2591\u255A\u2550\u2550\u2550\u2550\u255D\u2591\u2591\u255A\u2550\u2550\u2550\u2550\u2550\u255D\u2591")

结果

░█████╗░░█████╗░███╗░░██╗░██████╗░█████╗░██╗░░░░░███████╗░░░██╗░░░░░░█████╗░░██████╗░
██╔══██╗██╔══██╗████╗░██║██╔════╝██╔══██╗██║░░░░░██╔════╝░░░██║░░░░░██╔══██╗██╔════╝░
██║░░╚═╝██║░░██║██╔██╗██║╚█████╗░██║░░██║██║░░░░░█████╗░░░░░██║░░░░░██║░░██║██║░░██╗░
██║░░██╗██║░░██║██║╚████║░╚═══██╗██║░░██║██║░░░░░██╔══╝░░░░░██║░░░░░██║░░██║██║░░╚██╗
╚█████╔╝╚█████╔╝██║░╚███║██████╔╝╚█████╔╝███████╗███████╗██╗███████╗╚█████╔╝╚██████╔╝
░╚════╝░░╚════╝░╚═╝░░╚══╝╚═════╝░░╚════╝░╚══════╝╚══════╝╚═╝╚══════╝░╚════╝░░╚═════╝░

Answer 6

---

( ) ( ) (_ ) /' ) ( ) | | | | _ _ | | | ( ___ _ _ _ __ | | | _ | /' ) | | |,__)/'___) /'_ ) | | |,__)/'___) /'_ ) | | |,__)/'___) /'_ )( ' )/' | | | | |( (_| | | | | | ( (___ ( (_| || | ( (_| | (_) (_) | | | | |( (_| | | | | | ( (___ ( (_| || | ( (_| | (_) (_) | | | | |( (_| | | | | | ( (___ ( (_| || | ( (_| | (_) (_) _ , )( )( ) \____) _ , )( ) `_ , )