English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

عنصر <tref> لـ SVG

يستخدم عنصر <tref> في SVG لمراجعة النص المحدد من عنصر <defs>. بهذه الطريقة، يمكنك عرض النص نفسه عدة مرات داخل صورة SVG دون الحاجة إلى تضمين عنصر <text> مرارًا وتكرارًا.

مثال على الإنترنت

هذا مثال:

<svg width="100%" height="100%" viewBox="0 0 1000 300"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <text id="ReferencedText">
      معلومات النص المشار إليه (oldtoolbag.com) </text>
  </defs>
  <text x="100" y="100" font-size="45">
    معلومات النص المدمج (oldtoolbag.com)        </text>
  <text x="100" y="200" font-size="45" fill="red">
    <tref xlink:href="#ReferencedText"/>
  </text>
  استخدام عنصر "rect" لعرض هامش الرسم البياني
  <rect x="1" y="1" width="598" height="198"
        fill="none" stroke-width="2" </svg>
اختبار لرؤية‹/›

تأثير الصورة بعد التشغيل:

بيانات النص المشار إليه (oldtoolbag.com)بيانات النص المدمج (oldtoolbag.com)

انتبه إلى كيف يتمتع عنصر <text> (داخل عنصر <defs>) بخصائص id. قيمة هذا id هي مرجع لخصائص xlink:href <tref>.