控制台中打印一张图片

2020-01-16 本文已影响0人岁月神偷___

1.在控制台中打印有颜色的文字

谷歌浏览器控制台可以打印带css样式的文字，格式如下：

console.log("%c需要输出的信息 ", "css 代码");

那么我们来试试：

console.log(`%c测试测试 `
   ,` color:red;
        font-size:25px;
   `)

我们来看看效果。。。

image.png

成功啦！

既然我们可以在控制台中打印有颜色的文字，那我们也可以在控制台中设置背景图片，我们来试试吧：

    console.log(`%c `,
`font-size:200px; background:url(http://localhost:8080/test.jpg) no-repeat; background-size:100% 100%; margin-left:25px;`);

我们再来看看效果。。

image.png

成功啦！！