MDN’s new design is in Beta! A sneak peek:

SVG Tutorial

This translation is incomplete. Please help translate this article from English.

گرافیک برداری مقیاس پذیر SVG گویشی (نسخه خاصی از) W3C XML برای نشانه گذاری گرافیک (تصاویر) می باشد.

Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics. It is partially implemented in Firefox, Opera, WebKit browsers, Internet Explorer and other browsers.

This tutorial aims to explain the internals of SVG and is packed with technical details. If you just want to draw beautiful images, you might find more useful resources at Inkscape's documentation page. Another good introduction to SVG is provided by the W3C's SVG Primer.

The tutorial is in an early stage of development. If you're able, please help out by chipping in and writing a paragraph or two. Extra points for writing a whole page!
Introducing SVG from Scratch

The following topics are more advanced and hence should get their own tutorials.

Scripting SVG with JavaScript


SVG filters tutorial


Animations with SMIL in SVG


Creating fonts in SVG


Document Tags and Contributors

 Contributors to this page: m.hosseinabady
 Last updated by: m.hosseinabady,