vscode 背景图片

VScode背景图片是通过使用扩展程序PNGER for Visual Studio代码来实现的。该扩展允许图像集成和自动删除图像的背景。在设置了图像的名称和位置后，VScode会保存图像并自动更新HTML img标签的source属性。

要在VScode中设置背景图片，可以使用以下代码进行配置：

"background.customImages": [
    "file:///Users/Desktop/img/background03.png",
    "file:///Users/Desktop/img/background01.png"
],
"background.styles": [
    {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "bottom": "-60px",
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "40%,40%",
        "opacity": 0.3
    },
    {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "120%,120%",
        "opacity": 0.1
    }
],
"background.useFront": true,
"background.useDefault": false

可以根据自己的需要修改图片路径、位置、大小和透明度等属性。请确保图片使用png格式，并最好具有透明背景，以获得更好的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [pnger-vscode-extension:PNGER是一个扩展，使图像集成和背景去除比以往更加轻松！](https://download.csdn.net/download/weixin_42098251/18993573)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [VSCode如何更换背景图片](https://blog.csdn.net/weixin_53350466/article/details/121873546)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]