美文网首页
如何用console.log打印图文?

如何用console.log打印图文?

作者: 苏苏哇哈哈 | 来源:发表于2022-02-15 11:18 被阅读0次

    1.console

    console是全局变量window(或global)下的一个对象,在控制台打印console,可以发现他提供了很多方法。

            console.log(console)
    

    [图片上传失败...(image-98cc8-1644895068523)]

    2.占位符

    [图片上传失败...(image-59e91a-1644895068523)]

        console.log("打印的字符串是:%s", "123");
        console.log("%o", document.body);
        console.log("打印的整数是:%d", 111.00);
        console.log("打印的浮点数是:%f", 111.00);
    

    3.打印文字和图片

    console.log("%c需要输出的信息 ", "css 代码");
    
    console.log(`%c苏苏 `, ` color:red;
            font-size:25px;
       `)
    
        console.log("%c+",
            `font-size: 1px;
      padding: 100px 100px;
      background-image: url(https://i.postimg.cc/mgsKJGLw/susu1.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      color: transparent;`);
    
    image.png

    4.更多代码,关注苏苏的码云!

    相关文章

      网友评论

          本文标题:如何用console.log打印图文?

          本文链接:https://www.haomeiwen.com/subject/cdnklrtx.html