美文网首页
console 用法

console 用法

作者: 洪锦一 | 来源:发表于2022-08-01 11:25 被阅读0次

%s 字符串
%c css样式
%f 浮点数
%d %i 整数
%o %O 对象

根据文字生成字符画:
http://patorjk.com/software/taag
http://www.network-science.de/ascii/

根据图片生成字符画:
http://www.degraeve.com/img2txt.php
http://life.chacuo.net/convertphoto2char

根据流程图生成字符画:
http://asciiflow.com/

idea插件
https://github.com/OBKoro1/koro1FileHeader

不同颜色

    console.group('分组1=========>不同颜色');
    console.log("%c%s", "color:red", "红色: " + '123');
    console.log("%c%s", "color:blue", "蓝色: " + '1111123');
    console.log("%c%s", "color:green", "绿色: " + '111123');

    console.log("%c我爱中国", "color:orange", '123123');
    console.log("%c前端开发 %c hhy %c 真的很好玩!", "color:red", "", "color:orange;font-weight:bold")
    console.groupEnd();

打印图片

    console.group('分组2=========>打印图片');
    console.log("%c ", "background: url(https://www.baidu.com/img/flexible/logo/pc/result.png) no-repeat center;padding-left:80px;padding-bottom: 80px;border-radius:50%;")
    console.log("%c ", "background: url(https://www.baidu.com/img/flexible/logo/pc/result.png) no-repeat center;padding-left:640px;padding-bottom: 242px;")
    console.groupEnd();

打印字符画

    console.group('分组3=========>打印字符画');
    console.log('██╗  ██╗ ██████╗ ███╗   ██╗ ██████╗ ');
    console.log('██║  ██║██╔═══██╗████╗  ██║██╔════╝ ');
    console.log('███████║██║   ██║██╔██╗ ██║██║  ███╗');
    console.log('██╔══██║██║   ██║██║╚██╗██║██║   ██║');
    console.log('██║  ██║╚██████╔╝██║ ╚████║╚██████╔╝');
    console.log('╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝ ╚═════╝ ');
    console.groupEnd();

====================================================

执行结果

相关文章

网友评论

      本文标题:console 用法

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