SVG example
- Previous page SVG radial gradient
- Next page SVG elements
مشاهده فایل SVG
اگر مرورگر SVG نصب نشده باشد، نمی‌توانید فایل‌های SVG را مشاهده کنید.
توجه:پشتیبانی Firefox 1.5 و Opera 9 از SVG به صورت پیش‌فرض است. اگر یکی از این مرورگرها را استفاده می‌کنید، نیازی به نصب مرورگر SVG نیست.
SVG مرورگر را از Adobe رایگان دانلود کنید。
مشاهده کد منبع SVG
برای مشاهده کد منبع SVG این مثال‌ها را باز کنید، سپس در پنجره‌ها راست‌کلیک کرده و گزینه‌ای به نام «مشاهده کد منبع» انتخاب کنید.
SVG example
فرم SVG
- مستطیل
- مکعب مستطیل شفاف
- مکعب مستطیل شفاف 2
- مکعب مستطیل با گوشه‌های گرد
- دایره
- دایره‌ای
- سه دایره‌ای روی هم
- دو دایره‌ای
- یک خط
- سه‌گوش
- مربع
- مجاری
- راستای
- سوئل
SVG filter
- feGaussianBlur فیلتر
- Another feGaussianBlur filter
- feBlend filter
- feColorMatrix filter
- feComponentTransfer filter
- feOffset filter
- feOffset, feFlood, feComposite, feMerge and feMergeNode
- feMorphology filter
- Filter 1
- Filter 2
- Filter 3
- Filter 4
- Filter 5
- Filter 6
SVG gradient
- Linear gradient (horizontal gradient)
- Linear gradient (vertical gradient)
- Radial gradient
- Radial gradient 2
SVG Misc
- Add an "a" element to the rectangle so that the rectangle can be used as a hyperlink.
- When the user clicks on the circle, create an element using JavaScript.
- Repeat the rectangle fading out for 5 seconds
- Dynamically change the x, y, width, and height properties of the rectangle to create animation effects and change the color of the rectangle
- Three rectangles that change color
- Text moving along a motion path
- Text moving, rotating, and scaling along a motion path
- Text moving, rotating, and scaling along a motion path + rectangle gradually expanding and changing color
- Previous page SVG radial gradient
- Next page SVG elements
