如何在console.log中编写设计?

时间:2016-02-17 07:07:07

标签: javascript jquery

现在我知道console.log,但如果我在单个功能或在线工具中创建如下设计。

我想创建一个像这样的设计

****************
 * Rohit Azad * 
****************
 *************
   ********
     ***
      *
 ****   
 ** 
 ****

如何在console.log

中打印此内容

如果你看到活动挂图并检查到console.log,你可以看到这个,如果我创建这个,那么我现在可以创建更多的console.log,这样就可以像这样写了

hey there, geek!
                                                we're so glad you
                                             found us! So do you
                                            possess a
                                            <strong>
                                           @passion@
                                   for coding? Love to build()
                                   cool stuff? Do you wanna be
                                  a part of India's *leading*
                                         *online**
                                         shopping
                                        platform?
                                        =Guess==
                                       what!!!!!
                                       We   are
                                      #hiring!!
                                      Come join
                                     the Big F
                                     and teach
                                    ==India==
                                    the  new
                                   way >> to
                                  ***shop**
                               Build   the
             country's  e-commerce   with
            your own hands! May  the 
            force be with you...

5 个答案:

答案 0 :(得分:2)

您可以使用\n字符:

var str = "****************\n* Rohit Azad *\n****************";
console.log(str);

根据更新:

很明显,您必须计算制表符,空格,换行符等才能实现这一点。我的建议是在ecmascript版本6中使用带有反引号的多行字符串。

var str = `
           **********************
            *    Rohit Azad    *
           **********************
            ********************
              ***************
                  ******
                  ******
                   ****`;

console.log(str);

但请记住,目前无法与浏览器一起使用,您可以使用一些转发器将其转换为es5代码但不会准确(我猜。) < / p>

Checkout this in action并查看浏览器的控制台,而不是嵌入式控制台。

答案 1 :(得分:0)

因为\ n表示换行符,所以你需要像console.log这样的东西(&#34; ***************** \ n * Rohit Azad * \ ñ*****************&#34);

对于缺少代码格式感到抱歉。我的iphone没有反复键

答案 2 :(得分:0)

%c用于制作动画。这在Chrome浏览器上非常有效。

    console.log("\t\t\t\t\t%c    Developed by ~ Sumit Sahay", "color:blue; font-weight:bold");
    console.log("\t\t\t\t\t\t\t\tMobile Number:");
    console.log("\t\t\t\t\t%c               +xxxxxxxxxx", "color:green; font-weight:bold");
    console.log("\n\t\t\t\t%c               Kindly run on server", "color:black; font-weight:bold");

答案 3 :(得分:-1)

您可以在一行内书写:

console.log('**************** \n * Rohit Azad *  \n**************** ');

答案 4 :(得分:-1)

1)使用单个console.log

console.log("**************** \n * Rohit Azad *  \n**************** ");

2)使用三个console.log

console.log("**************** \n");

console.log(“* Rohit Azad * \ n”);    的console.log( “****************”);