hello_animation_small.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   inkscape:version="1.0alpha2 (f2f97a7, 2019-07-12)"
   sodipodi:docname="hello_animation.svg"
   id="svg_document"
   preserveAspectRatio="xMidYMid meet"
   viewBox="0 0 230 232"
   height="232"
   width="230"
   version="1.1">
  <title
     id="title55">hello</title>
  <metadata
     id="metadata13">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title>hello</dc:title>
        <cc:license
           rdf:resource="MIT" />
        <dc:rights>
          <cc:Agent>
            <dc:title>MIT License</dc:title>
          </cc:Agent>
        </dc:rights>
        <dc:source>https://github.com/dsward2/macSVG</dc:source>
        <dc:contributor>
          <cc:Agent>
            <dc:title>https://github.com/dsward2</dc:title>
          </cc:Agent>
        </dc:contributor>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <sodipodi:namedview
     showguides="false"
     inkscape:current-layer="svg_document"
     inkscape:window-maximized="0"
     inkscape:window-y="42"
     inkscape:window-x="203"
     inkscape:cy="181.19266"
     inkscape:cx="135.42478"
     inkscape:zoom="1.744"
     showgrid="false"
     id="namedview11"
     inkscape:window-height="984"
     inkscape:window-width="1401"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0"
     guidetolerance="10"
     gridtolerance="10"
     objecttolerance="10"
     borderopacity="1"
     inkscape:document-rotation="0"
     bordercolor="#666666"
     pagecolor="#ffffff">
    <sodipodi:guide
       id="guide944"
       orientation="1,0"
       position="-75.688073,-57.293578" />
  </sodipodi:namedview>
  <desc
     id="desc1">This example demonstrates the use of a path element, an animate element, and the stroke-dasharray attribute to simulate drawing.</desc>
  <defs
     id="svg_document_defs" />
  <g
     transform="matrix(0.27797246,0,0,0.27797246,50.636886,92.126607)"
     id="g93"
     style="opacity:1;stop-opacity:1">
    <path
       style="opacity:1;stop-opacity:1"
       inkscape:connector-curvature="0"
       stroke-linecap="round"
       fill="none"
       d="m 9.875,124.67735 c 31.5,0 142.8,-114.1 95.20001,-114.7999973 C 57.474998,9.1773477 62.375,150.57734 62.375,150.57734 c 0,0 2.099998,-66.500002 40.60001,-66.500002 38.49999,0 -6.30002,65.100012 27.29999,67.200022 33.60001,2.09999 81.90001,-63.700022 46.90001,-65.100012 -35,-1.39999 -34.3,61.600012 12.59999,63.700002 46.90001,2.1 100.79999,-132.300002 59.5,-135.100002 -41.3,-2.8 -33.59999,131.600002 8.4,134.400002 42,2.8 102.89999,-133.000002 60.20001,-135.100002 -42.70001,-2.1 -37.80002,134.400002 6.29999,135.100002 28,-1.39999 18.89999,-65.800002 55.30002,-64.399992 20.29998,1.39999 28.69998,16.799982 28,16.099992 -0.70002,-0.7 6.29998,47.6 -30.80002,47.6 -37.10001,0 -32.9,-65.100002 2.80002,-63.699992 32.19998,2.79998 28,30.799982 28.69998,23.099992 0,0.69999 23.1,-7 26.6,-22.400002"
       stroke-width="15.75px"
       id="path1"
       stroke-linejoin="round"
       stroke="black">
      <animate
         attributeType="XML"
         attributeName="stroke-dasharray"
         fill="freeze"
         repeatCount="0"
         id="animateSig1"
         begin="0; animate1.end+5s"
         values="0,1739;1739,0;"
         dur="5" />
    </path>
    <circle
       style="opacity:1;stop-opacity:1"
       cx="437.375"
       fill="black"
       cy="143.17735"
       stroke-width="3px"
       id="circle1"
       stroke="black"
       r="10.5">
      <set
         attributeType="XML"
         to="0"
         attributeName="r"
         repeatCount="0"
         id="set1"
         begin="animateSig1.begin"
         dur="5.25s" />
      <animate
         attributeType="XML"
         attributeName="r"
         fill="freeze"
         repeatCount="0"
         accumulate="none"
         values="0;10.5;"
         id="animate1"
         begin="animateSig1.end+0.25s"
         dur="0.25s"
         additive="replace" />
    </circle>
  </g>
  <rect
     ry="20.96056"
     y="37.73719"
     x="37.302471"
     height="157.8051"
     width="155.46747"
     id="rect95"
     style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:4.22519;stroke-miterlimit:4;stroke-dasharray:12.6755, 12.6755;stroke-dashoffset:0;stroke-opacity:0.5;stop-opacity:1" />
</svg>