Wenn Sie für das Aussehen einer Frage mit Einfachauswahl oder Mehrfachauswahl die Option image-map festlegen, wird die Frage als Bild mit auswählbaren Regionen als Optionen dargestellt. Für diesen Aussehentyp ist es erforderlich, dass eine SVG-Datei im Ordner "media" des Survey bereitgestellt wird und dass die Namenswerte der Auswahlliste mit den Pfad-IDs für die Regionen der SVG-Datei übereinstimmen. Der exakte Name der Bilddatei muss (einschließlich der Erweiterung .svg) in die Spalte media::image des Survey-Arbeitsblatts eingegeben werden.
Hinweis:
Die Option image-map wird in der Survey123-Web-App nicht unterstützt.
Scalable Vector Graphics (SVG) ist eine XML-basierte Sprache für 2D-Vektorgrafiken. Sie können Ihr eigenes SVG-Bild in einem Grafik- oder Text-Editor erstellen. Auf vielen Websites werden kostenlos SVG-Dateien und Werkzeuge zum Konvertieren von Rasterbildern in das SVG-Format angeboten. Im Hintergrund einer SVG-Datei können sich ein oder mehrere Rasterbilder befinden.
Eine SVG-Datei lässt sich in einem Text-Editor bearbeiten. Das folgende Beispiel zeigt eine einfache SVG-Datei mit Kompassrichtungen. Beachten Sie die Pfad-IDs der einzelnen Regionen.<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>
Mindestanforderungen für SVG-Dateien
Für SVG-Dateien, die mit der Option image-map in Survey123 verwendet werden können, gelten folgende Mindestanforderungen:
- Die Datei muss mindestens ein <path>-Element mit einem id-Wert enthalten. Andere Elemente wie <rect>, <ellipse>, <circle>, <image> und <text> können nicht für die Auswahl von Optionen verwendet werden. Mit einem <path>-Element können nur dann Optionen ausgewählt werden, wenn es einen id-Wert enthält.
- Leere Gruppen sind nicht zulässig. Gruppen werden in die Tags <g> und </g> eingeschlossen. Wenn Ihre SVG-Datei eine oder mehrere leere Gruppen enthält, ist keine der Regionen im Bild auswählbar.
- Die SVG-Datei darf nur eine Gruppe je geschachtelte Ebene enthalten. Die SVG-Datei kann beliebig viele geschachtelte Ebenen enthalten. Wenn allerdings eine Ebene mehrere Gruppen enthält, ist keines der <path>-Elemente auswählbar.
- Sie muss eine definierte Höhe und Breite aufweisen (Ansichtsfenster). Wenn Ihre SVG-Datei kein Ansichtsfenster hat, können die auswählbaren Regionen vom zugrunde liegenden Bild versetzt werden.
- Sie kann das optionale Attribut viewBox enthalten, sofern es mit dem Ansichtsfenster übereinstimmt. Wenn sich das Attribut viewBox von Ihren Höhen- und Breitenwerten unterscheidet, werden die auswählbaren Regionen vom zugrunde liegenden Bild versetzt.