مثال 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 مستطیل و تغییر رنگ آن، یک اثر انیمیشنی ایجاد می‌کنیم
سه مستطیل که تغییر رنگ می‌دهند
متن که در یک مسیر حرکت می‌کند
متن که در یک مسیر حرکت می‌کند، می‌چرخد و بزرگ می‌شود
متن که در یک مسیر حرکت می‌کند، می‌چرخد و بزرگ می‌شود و یک مستطیل که به تدریج تغییر رنگ می‌دهد