ایس وی جی مثال

صرف کرکے کا تجربہ کریئن

درج ذیل مثال میں SVG کو براہ راست HTML کو ایمپلائز کیا گیا ہے。

Firefox،Internet Explorer 9،Google Chrome،Opera اور Safari دونوں میں اس عمل کو پشتیبند کرتے ہیں。

ایس وی جی مثال

SVG بنیادی کیجا

گل
چمگادڑ
نمایاں مستطیل
نمایاں پن 2 کا مستطیل
کون کا مستطیل
کیجا
تین کیجا، ایک دوسرے سے منجمد
دو کیجا
لائن
تین وارتی کیجا
چار وارتی کیجا
ستارا
دوسرا ستارا
منگل
دوسرا منگل
روٹ
دوئم بیسرل کورو
ایک خط لکھنا
متن کو چکر دینا
بہت سارے لائن میں متن
لینک کے طور پر متن
خط، متن یا کیرنل کی رنگ کا تعریف (stroke)
خط، متن یا کیرنل کی چوڑائی کا تعریف (stroke-width)
آپریکشن کے مختلف کونوں کا تعریف (stroke-linecap)
خطوط کا تعریف (stroke-dasharray)

ایس وی جی فیلٹر

feGaussianBlur - محو کاری کا اثر
feOffset - ایک مستطیل کو تار کاری سے بھیجنا، بعد میں اصل تصویر کو تار کاری والی تصویر کی اوپر میکس کرنا
feOffset - تصویر کو تار کاری سے محو کرنا
feOffset - بچولی کو کچلا بنانا
feOffset - بچولی کو کسی رنگ میں رکھنا
feBlend فیلٹر
فیلٹر 1
فیلٹر 2
فیلٹر 3
فیلٹر 4
فیلٹر 5
فیلٹر 6

SVG درجہ بندی

صفر سے چمگادڑ تک کا افقی خطی درجہ بندی والا کیجا
صفر سے چمگادڑ تک کا عمودی خطی درجہ بندی والا کیجا
صفر سے چمگادڑ تک کا افقی خطی درجہ بندی والا کیجا اور متن
سورج سے نیلے تک کا شعاعی درجہ بندی والا کیجا
ایک سورج سے نیلے تک کا شعاعی درجہ بندی والا کیجا

SVG متفرق

پانچ سیکنڈ میں بار بار محو ہونے والا مستطیل
ایک رنگ بدل کرنے والا مسلسل بڑھنے والا مستطیل
تین رنگ بدل کرنے والے مستطیل
متن کو موٹ مارچ کی راستے پر موٹ
متن کو موٹ مارچ کی راستے پر موٹ، چرخنا اور زوم کرنا
متن کو موٹ مارچ کی راستے پر موٹ، چرخنا اور زوم کرنا + رنگ بدلنے والا ترقی پذیر مربع
چرخان ابیض