通过将单选和多选问题的外观设置为 image-map，问题将显示为一个图像，其中图像的可选区域将作为选项。 此外观需要在调查的媒体文件夹中提供 SVG 文件，并且选项列表的名称值必须与 SVG 文件的区域的路径 ID 相匹配。 必须在您的调查工作表的 media::image 列中输入图像文件的准确文件名（其中包含 .svg 扩展名）。
注：
Survey123 web 应用程序中不支持 image-map。
可伸缩矢量图形 (SVG) 是适用于 2D 矢量图形的基于 XML 的语言。 可以使用矢量图形编辑器或文本编辑器创建您自己的 SVG 图像。 许多网站还提供免费的 SVG 文件和工具用于将栅格图像转换为 SVG 格式。 SVG 文件可以在后台包含一个或多个栅格图像。
可以使用文本编辑器来修改 SVG 文件。 以下示例显示了一个简单的 SVG 文件，其中描绘了罗盘方向。 请注意每个区域的路径 ID。<svg
xmlns="http://www.w3.org/2000/svg"
height="180"
width="180">
<g style="fill:#A9A9A9">
<path id="North" d="M 75,75 90,0 105,75 Z"/>
<path id="South" d="m 75,105 15,75 15,-75 Z"/>
<path id="West" d="M 75,75 0,90 75,105 Z"/>
<path id="East" d="m 105,75 75,15 -75,15 Z"/>
</g>
</svg>
SVG 文件的最低要求
以下是针对在 Survey123 中与 image-map 配合使用的 SVG 文件的最低要求：
- 其必须至少包含一个具有 id 值的 <path> 元素。 其他元素（例如 <rect>、<ellipse>、<circle>、<image> 和 <text>）不能用于选择选项。 如果 <path> 元素没有 id 值，则其不能用于选择选项。
- 其不能包含空组。 组应由 <g> 和 </g> 标签括起来。 如果您的 SVG 文件包含一个或多个空组，则将无法选择图像的任何区域。
- 每个嵌套级别只能具有一个组。 SVG 文件可以具有多个嵌套级别。 但是，如果一个级别包含多个组，则将无法选择任何 <path> 元素。
- 其必须具有已定义的高度和宽度（视窗）。 如果 SVG 文件没有视窗，则可选区域可能会相对于基础图像偏移。
- 其可以包含一个可选的 viewBox 属性（如果其与视窗相匹配）。 如果 viewBox 属性不同于您的高度和宽度值，则可选区域将相对于基础图像偏移。