العمل باستخدام ملفات SVG

بتعيين مظهر تحديد سؤال واحد أو تحديد متعدد إلى خريطة صورة، سيُعرض السؤال كصورة مع مناطق قابلة للتحديد من الصورة كاختيارات. يتطلب هذا المظهر تقديم ملف SVG في مجلد وسائط الاستطلاع، وقيم الاسم لقائمة الاختيار لمطابقة معرفات المسار لمناطق ملف SVG. يجب إدخال اسم الملف الدقيق لملف الصورة (بما في ذلك ملحق .svg) في عمود ورقة عمل الاستطلاع media::image.

ملاحظة:‏

خريطة الصورة غير مدعومة في تطبيق الويب Survey123.

رسومات البيانات الاتجاهية القابلة للتحجيم (SVG) هي لغة قائمة على XML لرسومات البيانات الاتجاهية ثنائية الأبعاد. يمكنك إنشاء صورة SVG باستخدام محرر الرسومات الاتجاهية أو محرر النص. هناك أيضًا العديد من مواقع الويب التي تقدم ملفات SVG والأدوات المجانية لتحويل صور البيانات النقطية إلى تنسيق SVG. يمكن أن يتضمن ملف SVG صور بيانات نقطية أو أكثر في الخلفية.

يمكن تعديل ملف SVG في محرر النص. يوضح المثال التالي ملف SVG بسيط يصور اتجاهات البوصلة. لاحظ معرفات المسارات لكل منطقة.

<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

فيما يلي أدناه الحد الأدنى لمتطلبات ملفات SVG التي يمكن استخدامها مع خريطة صورة في Survey123:

• يجب أن تتضمن عنصر <path> واحدًا على الأقل يتضمن قيمة id. ولا يمكن استخدام العناصر مثل <rect> و<ellipse> و<circle> و<image> و<text> لتحديد الخيارات. لا يمكن استخدام عنصر <path> لتحديد الاختيارات إذا لم يتضمن قيمة id.
• ولا يمكن أن تتضمن مجموعات خالية. يتم إرفاق المجموعات بعلامات <g> و</g>. إذا كان ملف SVG يحتوي على مجموعة فارغة أو أكثر، فلن تكون أي من مناطق الصورة قابلة للتحديد.
• يمكن أن يتضمن مجموعة واحدة لكل مستوى تضمين. يمكن أن يتضمن ملف SVG العديد من مستويات التضمين. ومع ذلك، إذا كان المستوى يتضمن أكثر من مجموعة واحدة، فلن يتم تحديد أي من عناصر <path>.
• يجب أن يتضمن عرض وارتفاع معرفّين (منفذ العرض). إذا كان ملف SVG لا يتضمن منفذ عرض، فقد تصبح المناطق المحددة قابلة للإزاحة من الصورة الأساسية.
• ويمكن أن يتضمن سمة viewBox اختيارية إذا تطابقت مع منفذ العرض. إذا اختلفت سمة viewBox عن قيم العرض والارتفاع، فستتم إزاحة المناطق المحددة من الصورة الأساسية.