vscode怎么设置动态背景

vscode怎么设置动态背景

1.在vscode插件中下载background插件
在这里插入图片描述
2.选择-》首页-》首选项-》设置 or ctrl+,
在这里插入图片描述
3.在设置中搜索background
在这里插入图片描述
点击进入settings.json文件

4.设置配置(可以直接粘贴,图片路劲修改成你本地的图片即可

{
    "diffEditor.ignoreTrimWhitespace": false,  //
    "background.useDefault": false,  //是否使用默认背景
    "background.enabled": true,   //是否启动
    "background.customImages": [  //这个数组里面只能存放最多三张图片

        //注释:如果图片是本地就使用本地地址,写法参照我这样就好了
        //      如果图片是网络上的就直接使用网址图片地址


        // "file:///H:/image/BB374F7F-66FB-4e55-A604-E14613493544.png",
        // "file:///H:/image/Dingtalk_20201220114712.jpg",
        // "file:///H:/image/Dingtalk_20201220114744.jpg",
        "file:///H:/image/Dingtalk_20201220114815.jpg",
        // "file:///H:/image/Dingtalk_20201220114759.jpg",
        // "file:///H:/image/Dingtalk_20201220114854.jpg",
        // "file:///H:/image/77B6C122-B2DC-45ce-A4EF-6A8762A564A0.png",
    ],
    "background.style": {  //背景图片的样式
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 0.25
    },

}

5. 如何设置成动态的背景图

我测试过,除了图片的格式之外,其他的格式都无法生成背景图片,所以,想要酷炫的动态背景,可以使用能生成动态图片的软件。
方法:使用剪辑软件,剪辑一段酷炫视频片段,然后生成".gif"后缀的图片即可。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值