Title of the slide: "Duck Image"

A simple duck image, with the corresponding SVG code side by side

Information on #duck

A duck drawn with in polylines

• The object is a symbol definition

Information on #SlideContent

The full svg code of the duck

• The object contains:
• the object "#exampleCode ()"
• the object "#theDuck (A drawing of the duck)"
• the object "#Explanation (A list of further explanation of the code)"

Information on #exampleCode

• The object is a pure textual node; value is:

          <?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>
        

• The object has on its left "#theDuck (A drawing of the duck)"

Information on #theDuck

A drawing of the duck

• The object is an instance of the predefined symbol "#duck"

Information on #Explanation

A list of further explanation of the code

• The object is a pure textual node; value is:

          • svg is the top XML element
          • g is used for (hierarchical) grouping
          • path is the general tool to define geometry
        

• The object is under:
• the object "#exampleCode ()"
• the object "#theDuck (A drawing of the duck)"