---
navTitle: images
---
# images - 图片扩展

为系统提供一个新的图片集。在制作仪表板、门户App等内容时都需要选用合适的图片，系统默认已经提供了一些可选图片，第三方也可以扩展新的图片。

## package.json

```json
{
    // ...
    "contributes": {
        "images": {
            "canvasBackground": [ // 图片分类，可以是已有的图片分类，比如"canvasBackground"、"containerBackground"等等
                {
                    "image": "bg/1.png", // 图片图片路径，相对于扩展的images目录。
                    "labels": "color-blue", // 图片标签，以英文逗号分隔
                    "pictureFillInfo": { // 图片填充信息，可以不传
                        "type": "stretch", // 填充方式
                    }
                },
                {
                    "image": "bg/2.png",
                    "labels": "color-orange",
                    "pictureFillInfo": {
                        "type": "stretch"
                    }
                }
            ],
            "新分类1": [ // 图片分类，可以是新的自定义的分类，比如"新分类1"
                {
                    "image": "animal/1.png"
                },
                {
                    "image": "animal/2.png"
                },
            ]
            // ...
        }
    }
}
```

扩展目录结构如下：

1. `package.json`
2. `images/` - 图片文件目录。
   2\. `xxx.png` - 图片
   3\. ... 可以有目录，目录里包含图片。