svg moving text basic example

by IlyaB

HTML

<svg width="600px" height="200px" viewBox="0 0 600 200"
            version="1.1" xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink">
             <g>
             <image xmlns="http://www.w3.org/2000/svg" id="image1JPEG" x="0" y="0" width="130" height="20" xmlns:xlink="http://www.w3.org/1999/xlink"
             xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDEzMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDY1LjMyNiA2MTIgNTAyLjE3NCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICA8cmVjdCBzdHlsZT0iLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApOyIgeD0iMCIgeT0iMCIgd2lkdGg9IjEyOSIgaGVpZ2h0PSIyMCIgcj0iMCIgcng9IjAiIHJ5PSIwIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMzAwYmQiIGNsYXNzPSJtYXBTdmdJdGVtIG1hcFN2Z1JlY3QgdmVoaWNsZUxhYmVsUmVjdCI+DQogICAgPC9yZWN0Pg0KICAgIDx0ZXh0IHN0eWxlPSItd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7IHRleHQtYW5jaG9yOiBzdGFydDsgZm9udC1zaXplOiAxMnB4OyIgeD0iMiIgeT0iNyIgdGV4dC1hbmNob3I9InN0YXJ0IiB0ZXh0PSJCdWZmYWxvIHNodXR0bGUgLSBEcml2aW5nIiBmb250PSIiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzEzMDBiZCIgY2xhc3M9Im1hcFN2Z0l0ZW0gdmVoaWNsZUxhYmVsVGV4dCIgZm9udC1zaXplPSIxMnB4Ij48dHNwYW4gZHk9IjUiIHN0eWxlPSItd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7Ij5CdWZmYWxvIHNodXR0bGUgLSBEcml2aW5nPC90c3Bhbj48L3RleHQ+DQo8L3N2Zz4NCg=="/>
               <animateMotion  end="indefinite" dur="10s" repeatCount =  "indefinite" path="M 0 0 L 100 100">              </animateMotion>
             </g>
        </svg>