مثال كامل لـ SVG

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

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

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

يستخدم Google Chrome، Firefox، Internet Explorer9+، وSafari.

SVG مثال

SVG الأشكال الأساسية

SVG المرشحات، التدرجات، التحولات إلخ

ظلال سوداء SVG

ظلال البنفسجية SVG

أثر ضبابي SVG

نمط ملء SVG

تدرج لوني SVG

تدوير SVG

SVG ماسك النص للعناصر

SVG رسم الرسوم

SVG الرسوم المتحركة

SVG <Animation> عنصر 1

SVG <Animation> عنصر 2

SVG <Animation> عنصر 3

SVG <Animation> عنصر 4

SVG <Animation> عنصر 5

SVG <Animation> الحركة على المنحنى

استخدام عنصر SVG

عنصر <g> لـ SVG

rect لـ SVG

مسار <path> لـ SVG

علامة <marker> لـ SVG

نص <text> لـ SVG

عنصر <tspan> لـ SVG

عنصر <tref> لـ SVG

عنصر <textPath> لـ SVG

عنصر <a> لـ SVG

عنصر <defs> لـ SVG

عنصر <use> لـ SVG

عنصر <symbol> لـ SVG

مواصفات SVG الشائعة

مثال لـ صفة stroke لـ SVG

مثال لـ صفة fill لـ SVG 1

مثال لـ صفة fill لـ SVG 2

مثال لـ صفة fill لـ SVG 3

مثال لـ SVG image 1

مثال آخر لـ SVG

سكربتات JavaScript لـ SVG

Viewport و ViewBox لـ SVG

أسلوب CSS لـ SVG