A simple duck image, with the corresponding SVG code side by side
Information on #duck
A duck drawn with in polylines
Information on #SlideContent
The full svg code of the duck
Information on #exampleCode
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> <svg width="600" height="300"> <g transform="translate(10 10)"> <g stroke="none" fill="lime"> <path d="M 0.0 112 L 20 124 L 40 129 L 60 126 . . . . . . </path </g> </g> </svg>
Information on #theDuck
A drawing of the duck
Information on #Explanation
A list of further explanation of the code
• svg is the top XML element • g is used for (hierarchical) grouping • path is the general tool to define geometry