مثال SVG

عرض ملف SVG

إذا لم تكن قد قمت بتثبيت مشغل SVG، لن يمكنك عرض ملف SVG.

التعليقات:يدعم Firefox 1.5 و Opera 9 SVG بشكل طبيعي. إذا كنت تستخدم أحد هذه المتصفحات، لا تحتاج إلى تثبيت مشغل SVG.

تحميل مشغل SVG مجاناً من Adobe.

عرض رمز SVG

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

مثال SVG

شكل SVG

المستطيل
مستطيل شفاف
مستطيل شفاف 2
مستطيل ذو زوايا مفتوحة
الدائرة
الدائرة المتعددة الشكل
ثلاث دوائر متعددة متداخلة
إثنين من الدوائر المتعددة
خط واحد
المثلث
الرباعي
الخط المتقطع
المسار
ال螺旋

مرشحات SVG

مرشح feGaussianBlur
مرشح feGaussianBlur آخر
مرشح feBlend
مرشح feColorMatrix
مرشح feComponentTransfer
مرشح feOffset
feOffset، feFlood، feComposite، feMerge و feMergeNode
مرشح feMorphology
مرشح 1
مرشح 2
مرشح 3
مرشح 4
مرشح 5
مرشح 6

تدرج SVG

تدرج خطي (تدرج أفقي)
تدرج خطي (تدرج عمودي)
تدرج إشعاعي
تدرج إشعاعي 2

SVG مختلطة

إضافة عنصر "a" إلى المستطيل، مما يجعله رابطًا
استخدام JavaScript لإنشاء عنصر عند النقر على دائرة المستخدم
مستطيلات تبهت لمدة 5 ثوانٍ
تغيير خصائص x، y و width، height للنصوص الثلاثية الأبعاد لإنشاء تأثير حركة وتغيير لون المستطيل
ثلاثة مستطيلات تتغير الألوان
نقل النص عبر مسار حركة
نقل وتدوير وتكبير النص عبر مسار حركة
نقل وتدوير وتكبير النص عبر مسار حركة، وتمديد النص وتغيير لونه