SVG tutorial

• Introduction


• SVG Examples


• Displaying SVG in Web browsers


• SVG coordinate system


• Basic SVG document structure


• Main SVG shapes and elements




• <rect> element
• <circle> element
• <ellipse> element
• <line> element
• <polyline> element
• <polygon> element
• <path> element
• <marker> element
• <text> element
• <tspan> element
• <tref> element
• <textpath> element
• <image> element
• <a> element
• <defs> element
• <use> element
• SVG transformations
• SVG gradients
• SVG patterns
• Coloring in SVG
• Styling in SVG
• Presentation attributes