<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN"
       "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
     baseProfile="basic" id="svg-root" width="100%" height="100%"
     viewBox="0 0 480 360">
  <!-- Horse -->
  <g transform="translate(40) scale(0.4)">
    <polygon stroke="none" fill="#FFCB69" transform="translate(76,227)"
             points="48,264 0,327 98,493 280,386 441,381 488,193 444,50 369,0"/>
    <polygon stroke="none" fill="#000000" transform="translate(122,14)"
             points="256,0 238,24 224,48 211,76 207,91 205,110 204,129 208,152 214,169 222,185 229,199 183,254 90,368 0,481 101,601 358,435 327,209 327,209"/>
    <polygon stroke="none" fill="#000000" transform="translate(0,502)"
             points="80,46 13,125 9,135 4,148 2,161 0,179 0,195 1,212 6,237 15,254 30,271 46,281 67,289 94,298 123,300 151,299 169,294 192,284 208,271 218,254 225,230 227,214 225,201 333,156 356,160 379,161 410,161 434,157 466,145 488,136 507,118 483,0 172,207 186,151 89,54"/>
    <polygon stroke="none" fill="#000000" transform="translate(426,5)"
             points="66,0 0,215 35,250 51,269 70,298 87,328 96,353 106,380 111,402 116,425 114,454 112,473 107,503 101,522 93,550 84,577 76,592 60,616 106,881 130,878 168,872 211,857 257,838 304,811 338,788 373,764 429,717 492,656 538,606 565,571 500,498 431,438 376,394 331,362 276,327 231,301 180,275 145,259 122,249 138,196 140,165 137,130 128,98 116,75 99,44 84,19"/>
    <polygon stroke="none" fill="#FFCB69" transform="translate(484,57)"
             points="23,0 10,48 0,110 0,146 5,161 18,176 34,185 38,187 34,117 30,54"/>
    <polygon stroke="none" fill="#FFCB69" transform="translate(43,612)"
             points="60,0 87,25 90,40 91,52 87,69 78,83 67,98 53,114 47,56 0,46 12,31 24,17 35,10 45,4 55,1"/>
    <polygon stroke="none" fill="#FFCB69" transform="translate(563,307)"
             points="0,0 85,46 151,83 198,111 247,145 296,186 349,240 378,277 265,357 282,263 203,298 225,201 142,248 172,157 74,169 92,93 22,110"/>
    <polygon stroke="none" fill="#FAFAFA" transform="translate(251,354)"
             points="157,33 141,18 126,10 107,4 79,0 64,0 55,2 46,7 34,15 27,24 13,38 0,53 8,66 20,72 42,81 63,82 81,82 98,78 120,74 134,66 147,54 153,42"/>
    <circle style="fill:#000000" cx="328" cy="395" r="31"/>
  </g>
  <!-- The following illustrates the use of the 'animateTransform' element.
                     At 3 seconds, the text "It's alive":
                                  * continuously moves diagonally across the viewport
                                  * rotates from zero to -30 degrees
                                  * scales down by a factor of three.
                -->
  <text xmlns:xlink="http://www.w3.org/1999/xlink" id="MovingText"
        transform="translate(160,360)" font-size="60" fill="#f22"
        xlink:type="simple" xlink:href="MathExamples.html">It's alive!  
    <animateTransform attributeName="transform" attributeType="XML"
                      type="translate" from="160,360" to="0,0" begin="3s"
                      dur="6s" fill="freeze"/>
    <animateTransform attributeName="transform" attributeType="XML"
                      type="rotate" from="0" to="-30" begin="3s" dur="6s"
                      fill="freeze"/>
    <animateTransform attributeName="transform" attributeType="XML"
                      type="scale" from="1" to=".2" additive="sum" begin="3s"
                      dur="6s" fill="freeze"/>
  </text>
  <!-- A semi-transparent yellow rectangle grows from the middle of
               the window and changes color continuously from yellow to blue -->
  <rect id="TransparentRectangle" x="239" y="179" width="2" height="2"
        fill="rgb(255,255,0)" opacity=".5">
    <animate attributeName="x" attributeType="XML" begin="0s" dur="9s"
             fill="freeze" from="239" to="25"/>
    <animate attributeName="y" attributeType="XML" begin="0s" dur="9s"
             fill="freeze" from="179" to="50"/>
    <animate attributeName="width" attributeType="XML" begin="0s" dur="9s"
             fill="freeze" from="2" to="430"/>
    <animate attributeName="height" attributeType="XML" begin="0s" dur="9s"
             fill="freeze" from="2" to="260"/>
    <animateColor attributeName="fill" attributeType="CSS"
                  from="rgb(255,255,0)" to="rgb(0,0,255)" begin="0s" dur="9s"
                  fill="freeze"/>
  </rect>
  <!-- the final size and position position of the animated rectangle -->
  <rect x="25" y="50" width="430" height="260" fill="none" stroke="blue"
        stroke-width="3"/>
</svg>

