دليل SVG

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

مقدمة لـ SVG

SVG هو اختصار لتوسع الصور المتجهة. إنه شكل رسومي يتم فيه تحديد الأشكال باستخدام XML. ثم يتم عرض XML بواسطة مشاهد SVG. اليوم، يمكن معظم متصفحات الويب عرض SVG، مثل PNG،GIF و JPG.
قد يحتاج مستخدمو Internet Explorer 8 (والمزيد من الإصدارات القديمة) إلى تثبيت Adobe SVG Viewer لرؤية SVG في المتصفح. يدعم IE 9 +، Chrome و Firefox SVG بشكل أصلي.
SVG للاستخدام في الرسومات المتجهة الثنائية الأبعاد
إذا كنت غير متأكد مما إذا كان SVG مناسباً لك أو لمشروعك، يرجى تصفح صفحة أمثلة SVG بسرعة للحصول على فهم سريع لميزات SVG.

محرر SVG عبر الإنترنت - يمكن تعديل SVG عبر الإنترنت، يمكن تحويل SVG إلى ملف المصدر لـ SVG

مثال كامل لـ SVG　 - أمثلة أساسية لـ SVG تساعدك على التفوق بسرعة في SVG

دليل SVG - جمع العناصر المستخدمة غالبًا في SVG وطرق استخدام خصائص العناصر

SVG للاستخدام في الرسومات المتجهة

بصفتها شكلًا للرسومات المتجهة، SVG مفيد جدًا للرسومات المتجهة، مثل:

1. الرسومات الثنائية الأبعاد في نظام الـX،Y

2. الرسوم البيانية العمودية، الرسوم البيانية البيانية وما إلى ذلك

3. الشعارات والمحتويات القابلة للتوسع للويب، الأجهزة اللوحية، التطبيقات المحمولة وتطبيقات الويب

4. رسومات البناء والتصميم

5. وإلى آخره

بصفتها شكلًا للرسومات المتجهة، الأشكال التي يتم عرضها يتم تخزينها كنظام متجه أو مشابه للنظام المتجه. بمعنى آخر، كرقم وليس بالبكسل.

الـ“توسع” تعني أن المشاهد يمكنه تمرير الصور SVG لأعلى ولأسفل دون فقدان الجودة. هذا ممكن لأن الرسومات معينة بالرقم وليس بالبكسل. تمرير الصور SVG لأعلى أو لأسفل يعني فقط ضرب أو تقسيم الأرقام التي تعريف أشكال SVG.

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

SVG مثالي للغرض من إنشاء الصور/الرسومات/الرسوم البيانية

SVG هو شكل XML (شكل نصي)، وهو سهل التوليد من Servlet،JSP،ASP.NET،PHP أو أي تقنية تطبيقات ويب أخرى. هذا يجعل SVG مثاليًا للرسومات والرسوم البيانية التي يتم إنشاؤها بواسطة الحاسوب. من المثير للاهتمام، عادة ما تحتاج إلى إنشاء نوع الرسم البياني (الرسومات، الرسوم البيانية، الرسوم البيانية وما إلى ذلك) الذي يناسب SVG بشكل دقيق في تطبيق الويب. هذا يجعل SVG أكثر ملاءمة لإنشاء الرسومات والرسوم البيانية.

كتابة سكربت SVG

يمكن تعديل صور SVG التي يتم إنشاؤها في المتصفح باستخدام JavaScript. يمكن استخدام SVG لهذا الغرض في عروض ديناميكية، حتى في ألعاب صغيرة.

عن هذا الدليل

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