制作一个骚气的控制台(console.js)

超超超详细教程,直接点就行了:
console.js也能插图!!!

以下是一些个人笔记:

  • 转英文,转图

  • 现有模板

  • 使用ASSII-Aar要注意复制下来的(` \)符号要加上 \

  • %c是文字的意思,搞背景图片的时候记得要在%c后面加上空格

  • 动手动手

        const text = `Ƹ̵̡Ӝ̵̨̄Ʒ`;
        const two = `
            ✌(◕‿-)✌
        `
        const three = `
.----------------.  .----------------.  .-----------------. .----------------.   
| .--------------.|| .--------------. || .--------------. || .--------------. |  
| | _____  _____ ||| |      __      | || | ____  _____  | || |    ______    | |  
| ||_   _||_   _|||| |     /  \\     | || ||_   \\|_   _| | || |  .' ___  |   | |  
| |  | | /\\ | | | || |    / /\\ \\    | || |  |   \\ | |   | || | / .'   \\_|   | |  
| |  | |/  \\| | | || |   / /__\\ \\   | || |  | |\\ \\| |   | || | | |    ____  | |  
| |  |   /\\   | | || | _/ /    \\ \\_ | || | _| |_\\   |_  | || | \\ \`.___]  _| | |  
| |  |__/  \\_ | | || ||____|  |____|| || ||_____|\\____| | || |  \`._____.'   | |  
| |             | || |              | || |              | || |              | |  
| '--------------'|| '--------------' || '--------------' || '--------------' |  
 '----------------'  '----------------'  '----------------'  '----------------'                                                          
        ` 
        let logo = 
        `🐹                                    
        `
        console.log(`%c${text}`,`color:red;font-size:30px;`);
        console.log(`%c${two}`,`color:red;font-size:30px;`);
        console.log(`%c${three}`,`color:red`);
        console.log(`%c${logo}`,`font-size:60px;`);
        console.log(`%c  `,
        `background:url(https://img1.baidu.com/it/u=3466619364,3063683225&fm=26&fmt=auto);
         font-size:800px;
         line-height:250px;
        `)

在这里插入图片描述

  • 算是增长了些没用又很神奇的知识啦!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值