SOURCE

<svg xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000">
    <g>
        <g transform="translate(200,250)" style="cursor:pointer">
            <circle cx="100" cy="100" r="50"  fill="transparent" stroke="red" stroke-width="5">
                
                
            </circle>
            <text font-size="30" x="100" y="113" text-anchor="middle" style="color:yellow">我是圆</text>
            <!-- <animate attributeName="cx" dur="10s" attributeType="XML" from="100" to="300" begin="0s" fill="remove"></animate> -->
        </g>
        <animateTransform attributeName='transform' type='translate' values='0 0; 100 0;300 0' dur='3s' begin='0s' restart='whenNotReactive' repeatcount='indefinite'></animateTransform>
    </g>
    
            
            
    <g transform="translate(200,450)">
        <g>
            <rect width="200" height="300" fill="transparent" stroke="yellow" x="200" y="200" rx="25"></rect>
        </g>
        <g>
            <line x1="100" y1="100" x2="300" y2="350" stroke="blue" >
                <animate attributeName='x2' attributeType="XML" values='300;-100;300' repeatCount='indefinite' restart='whenNotReactive' dur='5s' begin='0s'></animate>
                <animate attributeName='y2' attributeType="XML" values='350;400;350;400;350' repeatCount='indefinite' restart='whenNotReactive' dur='5s' begin='0s'></animate>

            </line>
            
        </g>
    </g>
</svg>