Utiliser des fichiers SVG

Si vous définissez l’apparence d’une question à choix unique ou à choix multiples sur image-map (image-carte), la question est présentée sous forme d’image comportant les régions de l’image sélectionnables en tant que choix. Cette apparence nécessite un fichier SVG dans le dossier media de l’enquête, les valeurs de nom de la liste des choix devant correspondre aux identifiants de chemin des régions du fichier SVG. Vous devez saisir le nom de fichier exact du fichier image (y compris l’extension .svg) dans la colonne media::image de la feuille de calcul de l’enquête.

Apparence image-carte pour les questions à choix unique
Remarque :

L’apparence image-map (image-carte) n’est pas pris en charge dans l’application Web Survey123.

SVG (Scalable Vector Graphics) est un langage XML pour les graphiques vectoriels 2D. Vous pouvez créer votre propre image SVG à l’aide d’un éditeur de graphiques vectoriels ou d’un éditeur de texte. Il existe également de nombreux sites Web proposant gratuitement des fichiers SVG et des outils de conversion des images raster au format SVG. Un fichier SVG peut inclure une ou plusieurs images raster en arrière-plan.

Il est possible de modifier un fichier SVG dans un éditeur de texte. L’exemple suivant montre un fichier SVG simple illustrant les directions du compas. Notez les identifiants de chemin de chaque région.

<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>

Configuration minimale requise pour les fichiers SVG

Voici la configuration minimale requise pour un fichier SVG pouvant être utilisé avec l’apparence image-map (image-carte) dans Survey123 :

  • Il doit contenir au moins un élément <path> doté d’une valeur id. Les autres éléments, tels que <rect>, <ellipse>, <circle>, <image> et <text>, ne peuvent pas être utilisés pour la sélection des choix. Il n’est pas possible d’utiliser un élément <path> pour la sélection des choix s’il ne possède pas de valeur id.
  • Il ne peut pas contenir de groupes vides. Les groupes figurent entre les balises <g> et </g>. Si votre fichier SVG contient un ou plusieurs groupes vides, aucune des régions de l’image n’est sélectionnable.
  • Il ne peut exister qu’un seul groupe par niveau d’imbrication. Le fichier SVG peut contenir de nombreux niveaux imbriqués. Toutefois, si un niveau contient plusieurs groupes, aucun des éléments <path> n’est sélectionnable.
  • Il doit avoir une hauteur et une largeur définies (fenêtre). Si votre fichier SVG ne possède pas de fenêtre, les régions sélectionnables peuvent être décalées de l’image sous-jacente.
  • Il peut inclure un attribut viewBox facultatif s’il correspond à la fenêtre. Si l’attribut viewBox diffère de vos valeurs de hauteur et de largeur, les régions sélectionnables sont décalées de l’image sous-jacente.