SVG

الموسوعة الحرة

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

تُعرَّف صور SVG بتنسيق رسومات متجهة وتُخزَّن في ملفات نصية XML. بالتالي، يمكن تغيير حجم صور SVG دون فقدان الجودة، كما يمكن البحث في ملفات SVG وفهرستها وكتابة البرامج النصية عليها وضغطها . يمكن إنشاء ملفات XML النصية وتعديلها باستخدام محررات النصوص أو محررات الرسومات المتجهة ، وتُعرض بواسطة معظم متصفحات الويب . قد تتضمن SVG لغة JavaScript ، مما قد يؤدي إلى هجمات البرمجة النصية عبر المواقع .

تاريخ

يجري تطوير لغة SVG داخل اتحاد شبكة الويب العالمية (W3C) منذ عام 1999 بعد أن تم تقديم ستة مقترحات متنافسة للغات الرسومات المتجهة إلى الاتحاد خلال عام 1998 (انظر أدناه). [ 3 ]

قررت المجموعة العاملة الأولى لـ SVG عدم تطوير أي من العروض التجارية، بل إنشاء لغة ترميز جديدة مستوحاة من أي منها ولكنها ليست مبنية عليها بشكل كامل. [ 3 ]

تم تطوير SVG بواسطة مجموعة عمل SVG التابعة لاتحاد شبكة الويب العالمية (W3C) بدءًا من عام 1998، بعد استلام ستة طلبات متنافسة لرسومات متجهة في ذلك العام:

كان يرأس فريق العمل في ذلك الوقت كريس ليلي من اتحاد شبكة الويب العالمية (W3C).

كان تبني SVG في البداية محدودًا بسبب عدم دعمه في الإصدارات القديمة من متصفح إنترنت إكسبلورر. مع ذلك، وبحلول عام ٢٠١١، بدأت جميع متصفحات سطح المكتب الرئيسية بدعم SVG. يوفر دعم المتصفح الأصلي مزايا عديدة، منها عدم الحاجة إلى إضافات، وإمكانية دمج SVG مع محتوى آخر، وتحسين موثوقية العرض والبرمجة. يتوفر دعم SVG للأجهزة المحمولة بأشكال متنوعة، حيث تدعم أجهزة ومتصفحات مختلفة SVG Tiny 1.1 أو 1.2. يمكن إنشاء SVG باستخدام برامج تحرير الرسومات المتجهة وتحويله إلى تنسيقات نقطية . في تطبيقات الويب، يسمح Inline SVG بتضمين محتوى SVG داخل مستندات HTML.

تم تحديث مواصفات SVG إلى الإصدار 1.1 في عام 2011. وأصبحت الرسومات المتجهة القابلة للتوسيع 2 توصية مرشحة من W3C في 15 سبتمبر 2016. وتتضمن SVG 2 العديد من الميزات الجديدة بالإضافة إلى تلك الموجودة في SVG 1.1 وSVG Tiny 1.2. [ 9 ]

الإصدار 1.x

  • أصبحت SVG 1.0 توصية من W3C في 4 سبتمبر 2001. [ 10 ]
  • أصبحت SVG 1.1 توصية من اتحاد شبكة الويب العالمية (W3C) في 14 يناير 2003. [ 11 ] تتميز مواصفات SVG 1.1 بتصميمها المعياري الذي يسمح بتعريف مجموعات فرعية منها كملفات تعريف. وبخلاف ذلك، لا يوجد فرق يُذكر بين SVG 1.1 وSVG 1.0.
    • أصبحت SVG Tiny و SVG Basic (ملفات تعريف SVG للأجهزة المحمولة) توصيات W3C في 14 يناير 2003. ويتم وصفها بأنها ملفات تعريف SVG 1.1. [ 12 ]
  • أصبحت SVG Tiny 1.2 توصية من اتحاد شبكة الويب العالمية (W3C) في 22 ديسمبر 2008. [ 13 ] وقد صُممت في البداية كملف تعريف لـ SVG Full 1.2 المخطط لها (والتي تم التخلي عنها لاحقًا لصالح SVG 2)، [ 14 ] ولكن أُعيدت صياغتها لاحقًا كمواصفة مستقلة. وهي عمومًا ذات دعم ضعيف.
  • تم إصدار SVG 1.1 الإصدار الثاني، والذي يتضمن جميع الأخطاء والتوضيحات، ولكن بدون ميزات جديدة لإصدار SVG 1.1 الأصلي، في 16 أغسطس 2011. [ 15 ]
  • SVG Tiny 1.2 Portable/Secure، وهو إصدار فرعي أكثر أمانًا من ملف تعريف SVG Tiny 1.2، تم تقديمه كمسودة معيارية من قِبل IETF في 29 يوليو 2020. [ 16 ] يُعرف أيضًا باسم SVG Tiny P/S. يُعد SVG Tiny 1.2 Portable/Secure أحد متطلبات مسودة معيار BIMI . [ 17 ]

الإصدار 2

يقوم SVG 2 بإزالة أو إهمال بعض ميزات SVG 1.1 ويتضمن ميزات جديدة من HTML5 و Web Open Font Format (WOFF): [ 18 ]

  • على سبيل المثال، يقوم SVG 2 بإزالة العديد من عناصر الخط مثل glyphو altGlyph(تم استبدالها بـ WOFF).
  • تم إيقاف استخدام هذه xml:spaceالخاصية لصالح CSS.
  • تمت إضافة ميزات HTML5 مثل translateالسمات والخصائص.data-*
  • تم الإشارة إلى ميزات معالجة النصوص من SVG Tiny 1.2 على أنها ستُضمّن، ولكن لم يتم توثيقها رسميًا في النص بعد. [ 19 ] تم اختيار بعض ميزات الإصدار 1.2 الأخرى بعناية، [ 18 ] ولكن SVG 2 ليس مجموعة شاملة لـ SVG Tiny 1.2 بشكل عام.

وصل SVG 2 إلى مرحلة التوصية المرشحة في 15 سبتمبر 2016، [ 20 ] ونُشرت نسخ منقحة في 7 أغسطس 2018 و4 أكتوبر 2018. [ 21 ] وصدرت أحدث مسودة في 14 سبتمبر 2025. [ 22 ]

سمات

توضح هذه الصورة الفرق بين الصور النقطية والصور المتجهة. تتكون الصورة النقطية من مجموعة ثابتة من البكسلات، بينما تتكون الصورة المتجهة من مجموعة ثابتة من الأشكال. في الصورة، يؤدي تغيير حجم الصورة النقطية إلى إظهار البكسلات، بينما يحافظ تغيير حجم الصورة المتجهة على الأشكال.

يدعم SVG التفاعلية والرسوم المتحركة والإمكانيات الرسومية الغنية، مما يجعله مناسبًا لتطبيقات الويب والطباعة على حد سواء. يمكن ضغط صور SVG باستخدام خوارزمية gzip ، مما ينتج عنه ملفات SVGZ أصغر حجمًا بنسبة تتراوح عادةً بين 20 و50% من الحجم الأصلي. كما يدعم SVG البيانات الوصفية، مما يُحسّن فهرسة محتوى SVG والبحث عنه واسترجاعه.

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

تستخدم SVG لغة CSS للتصميم ولغة JavaScript للبرمجة. ويُحسّن ظهور النص، بما في ذلك التدويل والترجمة ، كنص عادي داخل نموذج كائن المستند (DOM) الخاص بـ SVG، من إمكانية الوصول إلى رسومات SVG. [ 15 ]

الطباعة

على الرغم من أن مواصفات SVG تركز بشكل أساسي على لغة ترميز الرسومات المتجهة ، إلا أن تصميمها يتضمن الإمكانيات الأساسية للغة وصف الصفحات مثل PDF من Adobe . فهي توفر إمكانية إضافة رسومات غنية، وتتوافق مع CSS لأغراض التنسيق. تحتوي SVG على المعلومات اللازمة لوضع كل رمز وصورة في الموقع المحدد على الصفحة المطبوعة. [ 23 ]

كتابة السيناريو والرسوم المتحركة

يمكن أن تكون رسومات SVG ديناميكية وتفاعلية. يمكن وصف التعديلات الزمنية على العناصر باستخدام لغة SMIL ، أو برمجتها بلغة برمجة نصية (مثل جافا سكريبت ). توصي منظمة W3C صراحةً باستخدام SMIL كمعيار للرسوم المتحركة في SVG. [ 24 ]

يمكن تعيين مجموعة غنية من معالجات الأحداث مثل "onmouseover" و "onclick" لأي كائن رسومي SVG لتطبيق الإجراءات والأحداث.

ملفات تعريف الهاتف المحمول

بسبب طلب الصناعة، تم تقديم ملفين تعريف للهواتف المحمولة مع SVG 1.1: SVG Tiny (SVGT) و SVG Basic (SVGB).

هذه مجموعات فرعية من معيار SVG الكامل، وهي مخصصة بشكل أساسي لبرامج المستخدم ذات الإمكانيات المحدودة. على وجه الخصوص، تم تعريف SVG Tiny للأجهزة المحمولة ذات الإمكانيات المحدودة للغاية مثل الهواتف المحمولة ؛ فهو لا يدعم التنسيق أو البرمجة النصية. [ 25 ] تم تعريف SVG Basic للأجهزة المحمولة ذات الإمكانيات الأعلى، مثل الهواتف الذكية .

في عام 2003، اعتمدت منظمة 3GPP ، وهي مجموعة دولية لمعايير الاتصالات، تنسيق SVG Tiny كتنسيق إلزامي للرسومات المتجهة لهواتف الجيل التالي. يُعدّ SVGT تنسيق الرسومات المتجهة المطلوب، بينما يُعدّ دعم SVGB اختياريًا لخدمة رسائل الوسائط المتعددة (MMS) وخدمة البث عبر تبديل الحزم. [ 26 ] [ 27 ] [ 28 ] أُضيف لاحقًا كتنسيق إلزامي للرسومات المتجهة في نظام الوسائط المتعددة عبر بروتوكول الإنترنت (IMS) التابع لمنظمة 3GPP. [ 29 ]

لا يدعم أي من ملفي تعريف الأجهزة المحمولة نموذج كائن المستند (DOM) بالكامل، بينما يدعم SVG Basic فقط البرمجة النصية بشكل اختياري، ولكن نظرًا لكونهما مجموعتين فرعيتين متوافقتين تمامًا مع المعيار الكامل، فإنه لا يزال من الممكن عرض معظم رسومات SVG بواسطة الأجهزة التي تدعم ملفات تعريف الأجهزة المحمولة فقط. [ 30 ]

يُضيف SVGT 1.2 نموذج DOM مصغرًا (μDOM)، وأنماطًا، وبرمجة نصية. [ 25 ] كما يتضمن SVGT 1.2 بعض الميزات غير الموجودة في SVG 1.1، بما في ذلك الخطوط غير القابلة للتوسيع، والتي تدعمها بعض تطبيقات SVG 1.1، مثل Opera وFirefox وWebKit. ومع ازدياد قواعد البيانات المشتركة بين متصفحات سطح المكتب والهواتف المحمولة، ازداد استخدام SVG 1.1 على حساب SVGT 1.2.

ضغط

تحتوي صور SVG، كونها بتنسيق XML، على العديد من أجزاء النصوص المتكررة، مما يجعلها مناسبة تمامًا لخوارزميات ضغط البيانات بدون فقدان . عند ضغط صورة SVG باستخدام خوارزمية gzip ، يُشار إليها باسم صورة "SVGZ" ويستخدم .svgzامتداد اسم الملف المقابل. ستعرض برامج عرض SVG 1.1 المتوافقة الصور المضغوطة. [ 31 ] عادةً ما يكون حجم ملف SVGZ من 20 إلى 50 بالمائة من الحجم الأصلي. [ 32 ] يوفر اتحاد شبكة الويب العالمية (W3C) ملفات SVGZ لاختبار التوافق. [ 33 ]

تصميم

تحدد مواصفات SVG 1.1 أربعة عشر مجالًا وظيفيًا أو مجموعة من الميزات: [ 11 ]

المسارات
يتم رسم الخطوط الخارجية للأشكال البسيطة أو المركبة بخطوط منحنية أو مستقيمة يمكن ملؤها أو تحديدها أو استخدامها كمسار قص . تتميز المسارات بترميز مضغوط.
على سبيل المثال، Mيسبق الأمر (للانتقال إلى) إحداثيات x و y العددية الأولية ، ويسبق الأمر (للرسم إلى) النقطة التي يُراد رسم خط إليها. وتسبق أحرف الأوامر الأخرى ( ، ، ، ، و ) البيانات المستخدمة لرسم منحنيات بيزير والقطع الناقص المختلفة . ويُستخدم الأمر لإغلاق المسار.LCSQTAZ
في جميع الحالات، تأتي الإحداثيات المطلقة بعد أوامر الأحرف الكبيرة، بينما تُستخدم الإحداثيات النسبية بعد الأحرف الصغيرة المكافئة. [ 34 ]
الأشكال الأساسية
يمكن رسم المسارات المستقيمة والمسارات المكونة من سلسلة من القطع المستقيمة المتصلة (الخطوط المتعددة)، بالإضافة إلى المضلعات المغلقة والدوائر والأهليجات. كما تُعد المستطيلات والمستطيلات ذات الزوايا المستديرة عناصر قياسية. [ 35 ]
نص
يُعبَّر عن نص الأحرف المرمزة بنظام يونيكود والمضمن في ملف SVG كبيانات أحرف XML . تتوفر العديد من التأثيرات البصرية، وتتعامل مواصفات SVG تلقائيًا مع النصوص ثنائية الاتجاه (لتكوين مزيج من النصوص الإنجليزية والعربية، على سبيل المثال)، والنصوص الرأسية (كما هو الحال في كتابة الصينية أو اليابانية)، والأحرف على طول مسار منحني (مثل النص المحيط بحافة الختم العظيم للولايات المتحدة ). [ 36 ]
تلوين
يمكن ملء أشكال SVG وتحديدها (رسمها بلون أو تدرج لوني أو نمط). قد تكون التعبئة معتمة أو ذات درجة معينة من الشفافية.
"العلامات" هي ميزات نهاية الخط، مثل رؤوس الأسهم، أو الرموز التي يمكن أن تظهر عند رؤوس المضلع. [ 37 ]
لون
يمكن تطبيق الألوان على جميع عناصر SVG المرئية، إما مباشرةً أو عبر خصائص مثل `<color>` fillو` stroke<color>` وغيرها. يتم تحديد الألوان بنفس طريقة تحديدها في CSS2 ، أي باستخدام أسماء مثل `<color>` blackأو ` <color>blue `، أو بالنظام الست عشري مثل `<color> ` أو ` <color>`، أو بالنظام العشري مثل `<color>` ، أو كنسب مئوية على النحو التالي : ` <color>`, ...#2f0#22ff00rgb(255,255,127)rgb(100%,100%,50%)
التدرجات والأنماط
يمكن ملء أشكال SVG أو تحديدها بألوان ثابتة كما هو موضح أعلاه، أو بتدرجات لونية أو أنماط متكررة. يمكن أن تكون التدرجات اللونية خطية أو شعاعية (دائرية)، ويمكن أن تشمل أي عدد من الألوان بالإضافة إلى التكرارات. كما يمكن تحديد تدرجات الشفافية. تعتمد الأنماط على كائنات رسومية نقطية أو متجهة محددة مسبقًا، والتي يمكن تكرارها في اتجاهات xمختلفة y. يمكن تحريك التدرجات والأنماط وبرمجتها. [ 39 ]
منذ عام ٢٠٠٨، دار نقاش [ ٤٠ ] [ ٤١ ] بين المستخدمين المحترفين لـ SVG حول إمكانية إضافة شبكات التدرج اللوني ، أو منحنيات الانتشار (الأفضل )، إلى مواصفات SVG. ويُقال إن "التمثيل البسيط [باستخدام منحنيات الانتشار] قادر على تمثيل حتى أدق تأثيرات التظليل" [ ٤٢ ] ، وأن "صور منحنيات الانتشار تُضاهي شبكات التدرج اللوني من حيث الجودة وكفاءة الترميز، ولكنها أسهل في الإنشاء (وفقًا لعدد من الفنانين الذين استخدموا كلا الأداتين)، ويمكن التقاطها من الصور النقطية تلقائيًا بالكامل" [ ٤٣ ] . وتتضمن المسودة الحالية لـ SVG 2 شبكات التدرج اللوني. [ ٤٤ ]
القص والإخفاء والتركيب
يمكن استخدام العناصر الرسومية ، بما في ذلك النصوص والمسارات والأشكال الأساسية ومجموعات منها، كخطوط خارجية لتحديد المناطق الداخلية والخارجية التي يمكن تلوينها (بالألوان والتدرجات والأنماط) بشكل مستقل. يتم دمج مسارات القص المعتمة تمامًا والأقنعة شبه الشفافة معًا لحساب لون وشفافية كل بكسل في الصورة النهائية، باستخدام مزج ألفا . [ 45 ]
تأثيرات التصفية [ 46 ]
يتكون تأثير التصفية من سلسلة من عمليات الرسومات التي يتم تطبيقها على رسم متجهي مصدر معين لإنتاج نتيجة معدلة من نوع bitmapped .
التفاعلية
يمكن لصور SVG التفاعل مع المستخدمين بطرقٍ عديدة. فبالإضافة إلى الروابط التشعبية المذكورة أدناه، يمكن جعل أي جزء من صورة SVG قابلاً للاستجابة لأحداث واجهة المستخدم ، مثل تغييرات التركيز ، ونقرات الماوس، والتمرير، وتكبير/تصغير الصورة، وغيرها من أحداث المؤشر ولوحة المفاتيح والمستند. ويمكن لمعالجات الأحداث بدء الرسوم المتحركة أو إيقافها أو تعديلها، بالإضافة إلى تشغيل البرامج النصية استجابةً لهذه الأحداث. [ 47 ]
الربط
يمكن أن تحتوي صور SVG على روابط تشعبية إلى مستندات أخرى باستخدام XLink . من خلال استخدام <view>عنصر <script> أو مُعرّف جزء ، يمكن لعناوين URL أن ترتبط بملفات SVG التي تُغيّر المنطقة المرئية من المستند. يتيح ذلك إنشاء حالات عرض مُحددة تُستخدم لتكبير/تصغير منطقة مُعينة أو لتقييد العرض على عنصر مُعين. يُعد هذا مفيدًا عند إنشاء الصور المُجمّعة (sprites) . كما يُتيح دعم XLink، بالاشتراك مع <use>عنصر <script>، الربط بالعناصر الداخلية والخارجية وإعادة استخدامها. يُتيح ذلك للمبرمجين إنجاز المزيد باستخدام ترميز أقل، مما يُنتج كودًا أكثر وضوحًا. [ 48 ]
كتابة البرامج النصية
يمكن الوصول إلى جميع جوانب مستند SVG ومعالجتها باستخدام البرامج النصية بطريقة مشابهة لـ HTML. لغة البرمجة النصية الافتراضية هي JavaScript ، وهناك كائنات نموذج كائن المستند (DOM) مُعرَّفة لكل عنصر وسمة في SVG. تُغلَّف البرامج النصية داخل عناصر. ويمكن تشغيلها استجابةً لأحداث المؤشر، وأحداث لوحة المفاتيح، وأحداث المستند حسب الحاجة. [ 49 ]<script>
الرسوم المتحركة
يمكن تحريك محتوى SVG باستخدام عناصر التحريك المدمجة مثل <a> و <b> و <c>. كما يمكن تحريك المحتوى من خلال التلاعب بنموذج كائن المستند (DOM) باستخدام لغة ECMAScript والمؤقتات المدمجة في لغة البرمجة النصية. صُممت رسوم SVG المتحركة لتكون متوافقة مع الإصدارات الحالية والمستقبلية من لغة تكامل الوسائط المتعددة المتزامنة (SMIL). يمكن أن تكون الرسوم المتحركة مستمرة، ويمكن تكرارها، ويمكنها الاستجابة لأحداث المستخدم، كما ذُكر أعلاه. [ 50 ]<animate><animateMotion><animateColor>
الخطوط
كما هو الحال مع HTML وCSS، قد يشير النص في SVG إلى ملفات خطوط خارجية، مثل خطوط النظام. إذا لم تكن ملفات الخطوط المطلوبة موجودة على الجهاز الذي يُعرض عليه ملف SVG، فقد لا يظهر النص بالشكل المطلوب. وللتغلب على هذا القيد، يمكن عرض النص بخط SVG ، حيث تُعرَّف الرموز المطلوبة في SVG كخط يُشار إليه من العنصر . [ 51 ]<text>
البيانات الوصفية
تماشيًا مع مبادرة الويب الدلالي التابعة لاتحاد شبكة الويب العالمية (W3C) ، يسمح SVG للمؤلفين بتوفير بيانات وصفية حول محتوى SVG. وتتمثل الميزة الرئيسية في عنصر <script>، حيث يمكن وصف المستند باستخدام خصائص بيانات Dublin Core الوصفية (مثل العنوان، والمنشئ/المؤلف، والموضوع، والوصف، وما إلى ذلك). كما يمكن استخدام مخططات بيانات وصفية أخرى. بالإضافة إلى ذلك، يُعرّف SVG عنصري <script> و <script> حيث يمكن للمؤلفين أيضًا توفير مواد وصفية نصية عادية داخل صورة SVG للمساعدة في الفهرسة والبحث والاسترجاع بعدة طرق. [ 52 ]<metadata><title><desc>

يمكن لمستند SVG تعريف مكونات تشمل الأشكال والتدرجات اللونية وغيرها، واستخدامها بشكل متكرر. كما يمكن أن تحتوي صور SVG على رسومات نقطية ، مثل صور PNG و JPEG ، بالإضافة إلى صور SVG أخرى.

سينتج هذا الكود الأشكال الملونة الموضحة في الصورة، باستثناء الشبكة والملصقات:

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width= "391" height= "391" viewBox= "-70.5 -70.5 391 391" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" > <rect fill= "#fff" stroke= "#000" x= "-70" y= "-70" width= "390" height= "390" /> <g opacity= "0.8" > <rect x= "25" y= "25" width= "200" height= "200" fill= "lime" stroke-width= "4" stroke= "pink" /> <circle cx= "125" cy= "125" r= "75" fill= "orange" /> <polyline points= "50,150 50,200 200,200 200,100" stroke= "red" stroke-width= "4" fill= "none" /> <line x1= "50" y1= "50" x2= "200" y2= "200" stroke= "blue" stroke-width= "4" /> </g> </svg>

تطبيق

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

متصفحات الويب

كان متصفح كونكيرور أول متصفح يدعم تقنية SVG في إصداره 3.2 في فبراير 2004. [ 53 ] وبحلول عام 2011، أصبحت جميع متصفحات سطح المكتب الرئيسية، والعديد من المتصفحات الثانوية، تدعم تقنية SVG بدرجات متفاوتة. أما تطبيقات المتصفحات الأخرى فلم تكتمل بعد؛ راجع مقارنة محركات التخطيط لمزيد من التفاصيل.

بعض الإصدارات السابقة من فايرفوكس (مثل الإصدارات بين 1.5 و3.6 [ 54 ] )، بالإضافة إلى عدد قليل من متصفحات الويب الأخرى القديمة القادرة على عرض رسومات SVG، كانت تتطلب تضمينها في عناصر HTML لعرضها كجزء من صفحة ويب HTML بدلاً من استخدام الطريقة القياسية لدمج الصور . [ 55 ] ومع ذلك، يمكن تضمين صور SVG في صفحات XHTML باستخدام مساحات أسماء XML . [ 56 ]<object><iframe><img>

انتقد تيم بيرنرز لي ، مخترع شبكة الويب العالمية ، الإصدارات المبكرة من متصفح إنترنت إكسبلورر لفشلها في دعم SVG. [ 57 ]

هناك العديد من المزايا للدعم الأصلي والكامل: لا حاجة إلى إضافات ، ويمكن دمج SVG بحرية مع محتوى آخر في مستند واحد، ويصبح العرض والبرمجة أكثر موثوقية بشكل ملحوظ. [ 67 ]

الأجهزة المحمولة

قد يقتصر دعم SVG على SVGT في الهواتف الذكية القديمة أو ذات الإمكانيات المحدودة ، أو قد يكون محدودًا بشكل أساسي بنظام التشغيل الخاص بها. يدعم Adobe Flash Lite تقنية SVG Tiny اختياريًا منذ الإصدار 1.1. في مؤتمر SVG Open 2005، عرضت شركة Sun تطبيقًا للهواتف المحمولة لتقنية SVG Tiny 1.1 لمنصة Connected Limited Device Configuration (CLDC). [ 68 ]

تدعم الهواتف المحمولة التي تستخدم متصفح Opera Mobile ، بالإضافة إلى متصفح iPhone المُدمج، تقنية SVG. مع ذلك، ورغم استخدام متصفح Android المُدمج لمحرك WebKit ، إلا أنه لم يكن يدعم SVG قبل الإصدار 3.0 (Honeycomb). [ 69 ] قبل الإصدار 3.0، كان Firefox Mobile 4.0b2 (تجريبي) لنظام Android أول متصفح يعمل على نظام Android يدعم SVG افتراضيًا. [ 70 ]

يختلف مستوى دعم SVG Tiny المتاح من جهاز جوال لآخر، وذلك تبعًا لمحرك SVG المُثبّت. تدعم العديد من الأجهزة الجوالة الحديثة ميزات إضافية تتجاوز SVG Tiny 1.1، مثل التدرج اللوني والشفافية؛ ويُشار إلى ذلك أحيانًا باسم "SVGT 1.1+"، مع العلم أنه لا يوجد معيار موحد بهذا الاسم.

يدعم جهاز بلاك بيري من شركة RIM تقنية SVG Tiny 1.1 بشكل مدمج منذ الإصدار 5.0. [ 71 ] ويستمر الدعم لمتصفح بلاك بيري تورش المستند إلى WebKit في نظامي التشغيل 6 و7. [ 72 ]

تدعم منصة نوكيا S60 تقنية SVG بشكلٍ مدمج. فعلى سبيل المثال، تُعرض الأيقونات عادةً باستخدام محرك SVG الخاص بالمنصة. كما قادت نوكيا فريق خبراء JSR 226: واجهة برمجة تطبيقات الرسومات المتجهة ثنائية الأبعاد القابلة للتوسع، والذي يُحدد واجهة برمجة تطبيقات Java ME لعرض ومعالجة رسومات SVG. وقد تم تطبيق هذه الواجهة في الإصدار الثالث من حزمة الميزات 1 لمنصة S60 وما بعدها. [ 73 ] كما تدعم بعض هواتف السلسلة 40 تقنية SVG (مثل نوكيا 6280 ). [ 74 ]

تدعم معظم هواتف سوني إريكسون التي تبدأ برقم K700 (حسب تاريخ الإصدار) تقنية SVG Tiny 1.1. كما تدعم الهواتف التي تبدأ برقم K750 ميزات مثل الشفافية والتدرجات اللونية. أما الهواتف التي تعمل بنظام تشغيل سوني إريكسون جافا بلاتفورم 8، فتدعم معيار JSR 226.

يدعم نظام ويندوز فون تقنية SVG منذ الإصدار 7.5.

يدعم SVG أيضًا العديد من الأجهزة المحمولة من موتورولا وسامسونج وإل جي وسيمنز موبايل / بينكيو - سيمنز . وتتوفر مكتبة eSVG، وهي مكتبة لعرض رسومات SVG مصممة أساسًا للأجهزة المدمجة ، على بعض منصات الأجهزة المحمولة. [ 75 ] [ 76 ]

التأليف

بالإضافة إلى إدخال التعليمات البرمجية يدويًا واستخدام محررات الرسومات المتجهة، يمكن للمستخدمين استخدام وظيفة الربط في برامج جداول البيانات لربط قيم الخلايا الرقمية وسلاسل النصوص في سلسلة، لإنشاء إعلانات SVG كاملة.

يمكن إنشاء صور SVG يدويًا أو باستخدام برامج تحرير الرسومات المتجهة، مثل Inkscape و Adobe Illustrator و Adobe Animate و CorelDRAW ، ثم تحويلها إلى تنسيقات صور نقطية شائعة مثل PNG باستخدام نفس البرنامج. بالإضافة إلى ذلك، توفر برامج التحرير مثل Inkscape و Boxy SVG أدوات لتحويل الصور النقطية إلى منحنيات بيزير ، وذلك باستخدام أدوات تتبع الصور مثل potrace و autotrace و imagetracerjs.

يمكن برمجة البرامج لعرض صور SVG باستخدام مكتبة مثل librsvg المستخدمة في بيئة جنوم منذ عام 2000، وبرنامجي Batik و ThorVG منذ عام 2020 للأنظمة الخفيفة. كما يمكن عرض صور SVG بأي تنسيق صور شائع باستخدام ImageMagick ، وهي أداة سطر أوامر مجانية (تستخدم أيضًا librsvg داخليًا).

بالنسبة لتطبيقات الويب، يسمح نمط الاستخدام المسمى "Inline SVG" بتضمين محتوى SVG داخل مستند HTML باستخدام وسم <script>. ويمكن بعد ذلك استخدام إمكانياته الرسومية لإنشاء واجهات مستخدم متطورة، حيث يتشارك كل من SVG وHTML في السياق ومعالجة الأحداث وCSS.<svg>

تشمل الاستخدامات الأخرى لملفات SVG تضمينها في برامج معالجة النصوص (مثل LibreOffice ) والنشر المكتبي (مثل Scribus )، ورسم الرسوم البيانية (مثل gnuplot )، واستيراد المسارات (مثل استخدامها في GIMP أو Blender ). توفر خدمات تطبيقات Microsoft 365 و Microsoft Office 2019 دعمًا لتصدير واستيراد وتحرير صور SVG. معرّف النوع الموحد (UNID) لملفات SVG المستخدم من قِبل Apple هو وهو متوافق مع و .public.svg-imagepublic.imagepublic.xml

حماية

باعتبارها صيغة مستند، على غرار مستندات HTML، يمكن لـ SVG استضافة نصوص برمجية أو CSS. تكمن المشكلة في قدرة المهاجم على تحميل ملف SVG، كصورة شخصية مثلاً، إلى موقع ويب، حيث يُعامل الملف كصورة عادية، بينما يحتوي على محتوى خبيث. [ 79 ] على سبيل المثال، إذا تم استخدام ملف SVG كصورة خلفية CSS، أو شعار على موقع ويب، أو في معرض صور، فعند تحميل الصورة في المتصفح، يتم تفعيل نص برمجي أو محتوى آخر. قد يؤدي ذلك إلى تجميد المتصفح (كما في هجوم المليار ضحكة )، وقد يؤدي أيضاً إلى هجمات حقن HTML وهجمات البرمجة النصية عبر المواقع . لذلك، يحدد اتحاد شبكة الويب العالمية (W3C) متطلبات معينة عند استخدام SVG للصور فقط: أمان SVG. [ 80 ]

تُشير منظمة W3C إلى أن ملفات SVG المضمنة (ملفات SVG التي يتم تحميلها بشكل أصلي على موقع ويب) تُعتبر أقل خطورة من الناحية الأمنية لأن محتواها جزء من مستند أكبر، وبالتالي فإن استخدام البرمجة النصية وCSS ليس بالأمر غير المتوقع. [ 80 ]

يعتمد معيار MPEG -4 الجزء 20 - تمثيل مشهد التطبيق الخفيف (LASeR) وتنسيق التجميع البسيط (SAF) - على SVG Tiny. [ 81 ] وقد طُوّر هذا المعيار من قِبل MPEG ( ISO/IEC JTC 1 /SC29/WG11) ونُشر تحت اسم ISO/IEC 14496-20:2006. [ 82 ] وقد حُسّنت إمكانيات SVG في معيار MPEG-4 الجزء 20 بإضافة ميزات رئيسية لخدمات الأجهزة المحمولة، مثل التحديثات الديناميكية، والترميز الثنائي، وتمثيل الخطوط المتطور. [ 83 ] كما أُدرج SVG في معيار MPEG-4 الجزء 11 ، بتنسيق Extensible MPEG-4 Textual (XMT) - وهو تمثيل نصي لمحتوى الوسائط المتعددة MPEG-4 باستخدام لغة XML . [ 84 ]

مصممو الصور المصغرة

على الرغم من أن SVG قد حظي بانتشار واسع في السوق باعتباره المعيار الفعلي للرسومات المتجهة القابلة للتوسيع، إلا أن الملفات لا تزال غير مدعومة بشكل أصلي في نظام التشغيل Windows، لذلك يجب على المستخدمين تنزيل برنامج معاينة الصور المصغرة لملفات SVG لمستكشف الملفات [ 85 ] أو استخدام مستكشف ملفات بديل يدعمها بشكل أصلي.

انظر أيضاً

مراجع

  1. ↑ "تسجيل نوع الوسائط لـ image/svg+xml" . W3C . مؤرشف من الأصل في 19 فبراير 2014. تم الاطلاع عليه في 5 فبراير 2014 .
  2. ↑ سانت لوران، سيمون؛ ماكوتو، موراتا؛ كون، دان (يناير 2001). أنواع وسائط XML . مجموعة عمل الشبكة. doi : 10.17487/RFC3023 . RFC 3023 .المعيار المقترح. القسم 8.19. تم إلغاؤه بموجب RFC 7303. تم تحديثه بموجب RFC 6839. يلغي RFC 2376. يُحدّث RFC 2048 .    
  3. 1 2 3 "الأصل السري لـ SVG" . اتحاد شبكة الويب العالمية . 21 ديسمبر 2007. مؤرشف من الأصل في 24 ديسمبر 2020. تم الاطلاع عليه في 1 يناير 2011 .
  4. ↑ "الرسومات التخطيطية" . اتحاد شبكة الويب العالمية (W3C) . مؤرشف من الأصل في 31 يناير 2022. تم الاطلاع عليه في 19 يوليو 2019 .
  5. ↑ الشمة، نبيل؛ روبرت آيرز؛ ريتشارد كوهن؛ جون فيرايولو؛ مارتن نيويل؛ روجر ك. دي بري؛ كيفن ماكلوسكي؛ جيري إيفانز (10 أبريل 1998). "لغة ترميز الرسومات الدقيقة (PGML)" . اتحاد شبكة الويب العالمية (W3C ). مؤرشف من الأصل في 16 ديسمبر 2021. تم الاطلاع عليه في 8 مايو 2009 .
  6. ↑ ماثيوز، برايان؛ برايان ديستر؛ جون بولر؛ هوارد كوبرشتاين؛ أجاي جيندال؛ توان نغوين؛ بيتر وو؛ تروي ساندال (13 مايو 1998). "لغة ترميز المتجهات (VML)" . اتحاد شبكة الويب العالمية (W3C ). مؤرشف من الأصل في 6 نوفمبر 2021. تم الاطلاع عليه في 8 مايو 2009 .
  7. ↑ "لغة ترميز الرسومات الفائقة (HGML)" . اتحاد شبكة الويب العالمية (W3C ). مؤرشف من الأصل في 7 أبريل 2022. تم الاطلاع عليه في 19 يوليو 2019 .
  8. ↑ "ملف تعريف WebCGM" . xml.coverpages.org . مؤرشف من الأصل بتاريخ 14 أغسطس 2022. تم الاطلاع عليه بتاريخ 4 مارس 2019 .
  9. ↑ "الرسومات المتجهة القابلة للتوسيع (SVG) 2" . W3C. مؤرشف من الأصل في 27 يناير 2017. تم الاطلاع عليه في 28 يناير 2017 .
  10. ↑ فيرايولو، جون (4 سبتمبر 2001). "مواصفات الرسومات المتجهة القابلة للتوسيع (SVG) 1.0" . اتحاد شبكة الويب العالمية. مؤرشف من الأصل في 11 مايو 2008. تم الاطلاع عليه في 24 فبراير 2010 .
  11. 1 2 فيرايولو، جون (16 أغسطس 2011). "مواصفات الرسومات المتجهة القابلة للتوسيع (SVG) 1.1" . اتحاد شبكة الويب العالمية. مؤرشف من الأصل في 16 سبتمبر 2012. تم الاسترجاع في 14 أبريل 2016 .
  12. ↑ كابين، تولغا (15 يونيو 2009). "ملفات تعريف SVG للأجهزة المحمولة: SVG Tiny وSVG Basic" . اتحاد شبكة الويب العالمية. مؤرشف من الأصل في 9 أكتوبر 2010. تم الاطلاع عليه في 24 أكتوبر 2010 .
  13. ↑ أندرسون، أولا (22 ديسمبر 2008). "مواصفات SVG Tiny 1.2 للرسومات المتجهة القابلة للتوسيع (SVG)" . اتحاد شبكة الويب العالمية. مؤرشف من الأصل في 7 ديسمبر 2020. تم الاطلاع عليه في 24 فبراير 2010 .
  14. ↑ دينجلر، باتريك (8 يوليو 2010). "الوصول إلى SVG 2.0: تقرير من اجتماع فريق عمل SVG المباشر (24 مايو - 1 يونيو 2010)" . شبكة مطوري مايكروسوفت . مايكروسوفت . مؤرشف من الأصل في 12 مايو 2016. تم الاطلاع عليه في 26 أغسطس 2010 .
  15. 1 2 "الرسومات المتجهة القابلة للتوسيع (SVG) 1.1 (الطبعة الثانية)" . W3C. مؤرشف من الأصل في 24 سبتمبر 2011. تم الاطلاع عليه في 29 أغسطس 2011 .
  16. ↑ بروتمن، أليكس؛ آدامز، ج. ترينت (29 يوليو 2020). "SVG Tiny Portable/Secure" . Ietf Datatracker . مؤرشف من الأصل في 14 فبراير 2021. تم الاسترجاع في 9 فبراير 2021 .
  17. ↑ "دليل التنفيذ" . مجموعة BIMI . مؤرشف من الأصل بتاريخ 28 فبراير 2021. تم الاطلاع عليه بتاريخ 9 فبراير 2021 .
  18. 1 2 "الملحق ك: التغييرات عن SVG 1.1" . اتحاد شبكة الويب العالمية. 26 مايو 2020. مؤرشف من الأصل في 4 فبراير 2021. تم الاطلاع عليه في 31 ديسمبر 2020 .
  19. ↑ "الفصل 11: النص" . اتحاد شبكة الويب العالمية. 26 مايو 2020. مؤرشف من الأصل في 21 أبريل 2021. تم الاطلاع عليه في 31 ديسمبر 2020 .
  20. ↑ "الرسومات المتجهة القابلة للتوسيع (SVG) 2" . اتحاد شبكة الويب العالمية. 15 سبتمبر 2016. مؤرشف من الأصل في 9 سبتمبر 2021. تم الاطلاع عليه في 17 أغسطس 2021 .
  21. ↑ "الرسومات المتجهة القابلة للتوسيع (SVG) 2" . اتحاد شبكة الويب العالمية. 4 أكتوبر 2018. مؤرشف من الأصل في 19 يوليو 2021. تم الاطلاع عليه في 17 أغسطس 2021 .
  22. ↑ "الرسومات المتجهة القابلة للتوسيع (SVG) 2" . اتحاد شبكة الويب العالمية. 14 سبتمبر 2025. مؤرشف من الأصل في 10 فبراير 2021. تم الاطلاع عليه في 7 يناير 2024 .
  23. ↑ أليكس، دانيلو؛ فوجيساوا، جون (2002). "SVG كلغة لوصف الصفحات" . svgopen.org. مؤرشف من الأصل في 29 مايو 2010. تم الاطلاع عليه في 24 فبراير 2010 .
  24. ↑ بول، فيستا (9 يناير 2003). "اتحاد شبكة الويب العالمية يُصدر معيارًا للبرمجة النصية، مع بعض التحفظات" . سي نت . مؤرشف من الأصل في 17 مايو 2011. تم الاطلاع عليه في 24 فبراير 2010 .
  25. 1 2 "SVG Tiny 1.2" . مواصفات الرسومات المتجهة القابلة للتوسيع (SVG) Tiny 1.2 . اتحاد شبكة الويب العالمية (W3C) . 22 ديسمبر 2008. مؤرشف من الأصل في 30 يناير 2014. تم الاطلاع عليه في 5 مارس 2014 .
  26. ↑ "SVG في خدمات الرسائل والبث متعددة الوسائط 3GPP (إصدار مارس 2003)" . SVG Open. 2003. مؤرشف من الأصل في 26 يونيو 2009. تم الاطلاع عليه في 19 أكتوبر 2009 .
  27. ↑ "خدمة رسائل الوسائط المتعددة (MMS) التابعة لـ 3GPP؛ تنسيقات الوسائط وبرامج الترميز (الإصدار 5)؛ 3GPP TS 26.140 V5.2.0 (2002-12)؛ المواصفات الفنية" ( مستند مضغوط ) . 3GPP . 2 يناير 2003. مؤرشف من الأصل في 8 فبراير 2007. تم الاطلاع عليه في 25 فبراير 2010 .
  28. ↑ «مشروع شراكة الجيل الثالث؛ خدمات مجموعة المواصفات الفنية وجوانب النظام؛ خدمة الرسائل متعددة الوسائط (MMS)؛ تنسيقات الوسائط وبرامج الترميز (الإصدار 5)» ( مستند مضغوط ) . 3GPP TS 26.140 V5.2.0 (2002-12) . 3GPP . مارس 2003. مؤرشف من الأصل في 12 فبراير 2007. تم الاطلاع عليه في 24 فبراير 2010 .
  29. ↑ "تفاصيل مواصفات 3GPP - 3GPP TS 26.141: نظام الوسائط المتعددة عبر بروتوكول الإنترنت (IMS) - المراسلة والحضور؛ تنسيقات الوسائط وبرامج الترميز" . 3GPP . 10 ديسمبر 2009. مؤرشف من الأصل في 7 أكتوبر 2008. تم الاطلاع عليه في 24 فبراير 2010 .
  30. ↑ "قائمة الهواتف التي تدعم SVG" . Svg.org. مؤرشف من الأصل في 8 يناير 2010. تم الاطلاع عليه في 24 أكتوبر 2010 .
  31. ↑ انظر www.w3.org/TR/SVG11/conform.html #ConformingSVGViewers الذي ينص على أن "تطبيقات SVG يجب أن تدعم بشكل صحيح تدفقات البيانات المشفرة بـ gzip [ RFC 1952 ] و deflate [ RFC 1951 ] ، لأي نوع محتوى (بما في ذلك SVG وملفات البرامج النصية والصور) . "  
  32. ↑ "حفظ ملفات SVG المضغوطة (SVGZ)" . SVG Zone . Adobe Systems . 14 يوليو 2009. مؤرشف من الأصل في 1 يونيو 2010. تم الاطلاع عليه في 24 فبراير 2010 .
  33. ↑ على سبيل المثال، dev .w3 .org /SVG /profiles /1 .1F2 /test /harness /htmlObject /conform-viewers-01-t .html
  34. ↑ "مواصفات SVG، "المسارات"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 21 يونيو 2012. تم الاطلاع عليه في 19 أكتوبر 2009. "
  35. ↑ "مواصفات SVG، "الأشكال الأساسية"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 2 أكتوبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  36. ↑ "مواصفات SVG، "نص"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 6 أكتوبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  37. ↑ "مواصفات SVG، "الرسم: التعبئة، والتحديد، ورموز العلامات"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 17 سبتمبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  38. ↑ "مواصفات SVG، "اللون"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 7 سبتمبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  39. ↑ "مواصفات SVG، "التدرجات والأنماط"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 21 سبتمبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  40. ↑ "سجل IRC لـ svg بتاريخ 17 نوفمبر 2008" . W3C. 2008. مؤرشف من الأصل في 10 أكتوبر 2016. تم الاطلاع عليه في 25 مايو 2009. DS: يجب أن تكون الأولويات هي التخطيط، ومنحنيات الانتشار، و2.5D، والتأكد من أننا نعمل بشكل جيد مع CSS في ذلك .
  41. ↑ "مقترحات لمواصفات SVG القادمة" . W3C. 16 مارس 2009. مؤرشف من الأصل في 14 مايو 2011. تم الاطلاع عليه في 25 مايو 2009. في الواقع، نخطط لإضافة إمكانيات تدرج جديدة إلى SVG في الإصدار القادم، وندرس منحنيات الانتشار، والتي أعتقد أنها ستلبي احتياجاتك... *منحنيات الانتشار* تبدو فكرة رائعة حقًا.
  42. ↑ روسين، زاك (2008). "SVG في KDE: حرية الجمال" . SVG Open. مؤرشف من الأصل في 22 يوليو 2009. تم الاطلاع عليه في 25 مايو 2009 .
  43. ↑ أورزان، ألكسندرينا؛ بوسو، أدريان؛ وينيمولر، هولجر؛ بارلا، باسكال؛ ثولو، جويل؛ ساليسين، ديفيد (2008). "منحنيات الانتشار: تمثيل متجهي للصور ذات التظليل السلس" ( ملف PDF) . معاملات ACM في الرسومات . 27. doi : 10.1145/1360612.1360691 . مؤرشف (ملف PDF) من الأصل في 18 يونيو 2009. تم الاسترجاع في 25 مايو 2009 .
  44. ↑ "الرسومات المتجهة القابلة للتوسيع (SVG) 2، مسودة محرر W3C بتاريخ 13 يونيو 2013" . مجموعة عمل SVG. 2013. مؤرشفة من الأصل في 4 ديسمبر 2013. تم الاطلاع عليها في 17 سبتمبر 2013 .
  45. ↑ "مواصفات SVG، "القص والإخفاء والتركيب"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 1 ديسمبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  46. ↑ "مواصفات SVG، "تأثيرات التصفية"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 28 أغسطس 2006. تم الاطلاع عليه في 19 أكتوبر 2009. "
  47. ↑ "مواصفات SVG، "التفاعلية"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 5 يوليو 2019. تم الاسترجاع في 19 أكتوبر 2009. "
  48. ↑ "مواصفات SVG، "الربط"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 25 يونيو 2019. تم الاطلاع عليه في 19 أكتوبر 2009. "
  49. ↑ "مواصفات SVG، "البرمجة النصية"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 1 أكتوبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  50. ↑ "مواصفات SVG، "الرسوم المتحركة"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 27 أغسطس 2006. تم الاطلاع عليه في 19 أكتوبر 2009. "
  51. ↑ "مواصفات SVG، "الخطوط"" . اتحاد شبكة الويب العالمية. 14 يناير 2003. مؤرشف من الأصل في 26 سبتمبر 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  52. ↑ "مواصفات SVG، "البيانات الوصفية"" . اتحاد شبكة الويب العالمية. مؤرشف من الأصل في 3 مايو 2009. تم الاطلاع عليه في 19 أكتوبر 2009. "
  53. ↑ سترايشاردت، أندرياس (16 سبتمبر 2003). "KDE تتغلب على المتجهات مع KSVG" . أخبار KDE . مؤرشف من الأصل في 30 يونيو 2023. تم الاطلاع عليه في 11 فبراير 2012 .
  54. ↑ "الخطأ رقم 276431 - لم يتم تحميل ملف SVG خارجي من وسم img" . موزيلا. مؤرشف من الأصل بتاريخ 24 أكتوبر 2012. تم الاطلاع عليه بتاريخ 9 نوفمبر 2011 .
  55. ↑ لوسوتيك (25 فبراير 2009). "صورة SVG غير معروضة بواسطة فايرفوكس" . mozilla.dev.tech.svg . مجموعات جوجل . مؤرشف من الأصل في 14 مايو 2011. تم الاسترجاع في 25 فبراير 2010 .
  56. ↑ Brettz9 (25 أغسطس 2008). "مقدمة إلى SVG في HTML" . مركز مطوري موزيلا . موزيلا . مؤرشف من الأصل في 5 ديسمبر 2008. تم الاطلاع عليه في 25 فبراير 2010 .
  57. ↑ سفينسون، بيتر (10 سبتمبر 2008). "مبتكر الويب يكتشف ثغرة في متصفح إنترنت إكسبلورر" . أخبار إن بي سي . أسوشيتد برس. مؤرشف من الأصل في 9 نوفمبر 2013. تم الاطلاع عليه في 25 فبراير 2010 .
  58. ↑ "SVG في فايرفوكس" . مركز مطوري موزيلا . موزيلا . 23 أكتوبر 2009. مؤرشف من الأصل في 23 يونيو 2008. تم الاطلاع عليه في 25 فبراير 2010 .
  59. ↑ "حالة SVG لموزيلا" . موزيلا . مؤرشف من الأصل في 5 مارس 2010. تم الاطلاع عليه في 25 فبراير 2010 .
  60. ↑ Mgjbot (15 يناير 2008). "تحسينات SVG في فايرفوكس 3" . مركز مطوري موزيلا . موزيلا . مؤرشف من الأصل في 9 فبراير 2014. تم الاطلاع عليه في 25 فبراير 2010 .
  61. ↑ "حالة WebKit SVG" . WebKit . 5 يناير 2010. مؤرشف من الأصل في 10 فبراير 2010. تم الاسترجاع في 25 فبراير 2010 .
  62. ↑ "دردشة منطقة خبراء ويندوز إنترنت إكسبلورر 8 (19 يونيو 2008)" . مايكروسوفت. 19 يونيو 2008. مؤرشف من الأصل في 17 مارس 2010. تم الاطلاع عليه في 24 أكتوبر 2010 .
  63. ↑ شيلر، جيف (13 فبراير 2010). "دعم SVG" . مؤرشف من الأصل في 16 فبراير 2009. تم الاطلاع عليه في 25 فبراير 2010 .
  64. ↑ "ما الجديد في إنترنت إكسبلورر 9" . شبكة مطوري مايكروسوفت . مايكروسوفت . 22 مارس 2011. مؤرشف من الأصل في 5 أبريل 2011. تم الاطلاع عليه في 22 مارس 2011 .
  65. ↑ "SVG (Windows)" . مركز مطوري إنترنت إكسبلورر . مايكروسوفت . مؤرشف من الأصل في 20 مارس 2014. تم الاطلاع عليه في 27 أغسطس 2014 .
  66. ↑ "حالة ميزات منصة مايكروسوفت إيدج وخارطة الطريق - تطوير مايكروسوفت إيدج" . developer.microsoft.com . مؤرشف من الأصل بتاريخ 15 أبريل 2018. تم الاطلاع عليه بتاريخ 19 أبريل 2018 .
  67. ↑ "استعد لتصفح الإنترنت بدون إضافات" . MSDN . 2014. مؤرشف من الأصل في 31 ديسمبر 2014. تم الاطلاع عليه في 5 مارس 2014 .
  68. ↑ "مؤتمر ومعرض SVG المفتوح 2005 - وقائع المؤتمر - واجهات المستخدم ذات الطابع الكرتوني" . svgopen.org. مؤرشف من الأصل في 3 ديسمبر 2010. تم الاطلاع عليه في 29 أغسطس 2010 .
  69. ↑ "المتصفح لا يعرض صور SVG" . مؤرشف من الأصل بتاريخ 20 مايو 2011. تم الاطلاع عليه بتاريخ 1 يناير 2011 .
  70. ↑ "يدعم متصفح فايرفوكس موبايل 4.0b2 (تجريبي) لنظام أندرويد صور SVG" . مجلة أندرويد، العدد 1376. 16 ديسمبر 2010. مؤرشف من الأصل في 21 أغسطس 2014. تم الاطلاع عليه في 29 يناير 2014 .
  71. ↑ "دعم SVG" . RIM. مؤرشف من الأصل في 10 أكتوبر 2011. تم الاطلاع عليه في 6 أكتوبر 2011 .
  72. ↑ "بطاقة أداء مطوري HTML5 لجهاز بلاك بيري تورش" . سينشا . مؤرشف من الأصل في 5 مارس 2014. تم الاطلاع عليه في 6 أكتوبر 2011 .
  73. ↑ "معلومات منتج S60" . S60.com. مؤرشف من الأصل بتاريخ 13 أكتوبر 2007. تم الاطلاع عليه بتاريخ 19 أكتوبر 2009 .
  74. ↑ "نوكيا تُصدر حزمة تطوير البرمجيات Series 40 الإصدار السادس لمنصة تطوير تطبيقات الهواتف المحمولة الأكثر استخدامًا في العالم" . www.fieldtechnologiesonline.com . تاريخ الاطلاع: ١٢ يونيو ٢٠٢٥ .
  75. ↑ جيزيتش، دامير (15-17 يوليو 2002). "SVG للأنظمة المدمجة" . زيورخ 2002. svgopen.org. مؤرشف من الأصل في 16 مارس 2012. تم الاطلاع عليه في 5 أبريل 2012 .
  76. ↑ "eSVG" . شركة إنتيسيس للبرمجيات المدمجة الذكية . 2010. مؤرشف من الأصل في 3 مارس 2012. تم الاطلاع عليه في 29 يناير 2014 .
  77. ↑ سيلينجر، بيتر (2001-2013). "بوتريس - تحويل الصور النقطية إلى رسومات متجهة" . مشروع بوتريس على منصة سورس فورج . مؤرشف من الأصل في 9 سبتمبر 2009. تم الاطلاع عليه في 29 يناير 2014 .
  78. ↑ "ما الجديد في PowerPoint لـ Microsoft 365" . support.microsoft.com . سبتمبر 2019. مؤرشف من الأصل في 13 مارس 2021. تم الاطلاع عليه في 17 أبريل 2021 .
  79. ↑ نغوين، ثانه نغوين (7 نوفمبر 2019). "تشريح سطح هجوم الرسومات المتجهة القابلة للتوسيع (SVG) على الويب" . مدونة فورتينت . مؤرشف من الأصل في 21 فبراير 2023. تم الاطلاع عليه في 21 فبراير 2023 .
  80. 1 2 "أمان SVG - ويكي W3C" . W3C . مؤرشف من الأصل في 21 فبراير 2023. تم الاسترجاع في 21 فبراير 2023 .
  81. ↑ كونكولاتو، سيريل (يوليو 2005). "الورقة البيضاء الخاصة بتقنية MPEG-4 LASeR" . المنظمة الدولية للتوحيد القياسي . مؤرشفة من الأصل في 25 يوليو 2011. تم الاطلاع عليها في 29 أغسطس 2010 .
  82. ↑ "ISO/IEC 14496-20:2008 - تكنولوجيا المعلومات - ترميز الكائنات السمعية والبصرية - الجزء 20: تمثيل مشهد التطبيق الخفيف (LASeR) وتنسيق التجميع البسيط (SAF)" . المنظمة الدولية للتوحيد القياسي . مؤرشف من الأصل في 14 مايو 2011. تم الاطلاع عليه في 30 أكتوبر 2009 .
  83. ↑ "LASeR - معيار MPEG لخدمات الوسائط المتعددة الغنية" (ملف PDF) . مؤرشف (ملف PDF) من الأصل بتاريخ 21 فبراير 2011. تم الاطلاع عليه بتاريخ 11 أبريل 2010 .
  84. ↑ كياريجليوني، ليوناردو (8 مارس 2005). "ركوب بتات الوسائط - البتات والبايتات" . مؤرشف من الأصل في 25 سبتمبر 2010. تم الاسترجاع في 30 أكتوبر 2009 .
  85. ↑ GrantMeStrength. "أداة PowerToys الإضافية لمستكشف الملفات لنظام التشغيل Windows" . learn.microsoft.com . تم الاطلاع عليه بتاريخ 29 يونيو 2026 .