控制台中打印一张图片

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

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

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

那么我们来试试:

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

我们来看看效果。。。


image.png

成功啦!

2.在控制台中打印图片

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

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

我们再来看看效果。。


image.png

成功啦!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容