座位图
反映座位被占用情况。
适用场景
适用于电影院、飞机、火车等座位预订或占用情况。
配置方法
首先需按照要求制作svg格式的座位图（具体请见底部附录），然后，再进行配置：
1、入口
2、配置
3、显示
附录：如何制作svg格式座位图
1.svg格式座位图，作图注意事项：
（1）分组的名称和座位形状的名称里都需要加上座位的编号，这样方便在代码里找到对应编号的的图层
（2）文本需要形状图层的上面
（上述样式图中所使用的软件为sketch ）
（上述样式图中所使用的软件为AI）
2.svg格式座位图，代码中添加name属性：
（1）百度下载一个subime text（看代码会更清晰一些）
（下载地址：https://www.sublimetext.com/）
（2）安装后，选中svg图, 右键 > 选择打开方式 > subime text
（上述样式图中所使用的软件为“subime text” ）
如果不想下载subime text，我们也可以选中svg图, 右键 > 选择打开方式 > 文本编辑器
（上述样式图中所使用的软件为系统自带的“文本编辑” ）
3.使用sublime text或者文本编辑，看到的svg代码内容和接下来的操作都是一样的，只是使用sublime text打开，会更好的区分代码内容，方便查找；下面会以sublime text的操作截图为例进行讲解。
4.如果要控制 SVG 中的某些元素，或者让某些元素能交互，我们首先要在 SVG 中标记这些元素：在这些元素上添加 name 属性，只有这些 SVG 元素可以被命名：
✧ 路径
✧ 矩形
✧ 圆形
✧ 椭圆
✧ 多边形
✧ 线
✧ 折线
✧ 文本
（1）以路径 
（上述样式图对应的svg为座位图1 ）
（座位图1 svg的样式）
（2）以矩形 
（上述样式图对应的svg为座位图2 ）
（座位图2 svg的样式）