Hi all, I am trying to create a SVG animation which shows two verticle lines moving towards each other. How do I do this? See the below code. I suspect I am missing something obvious here.
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";> <svg xmlns="http://www.w3.org/2000/svg"; version="1.1" width="8.5in" height="11.0in" pageHeight="11.0" pageWidth="8.5" source="SVGDraw by R.G.Baldwin" copyright="R.G.Baldwin,2011" id="svg1325384443840" viewBox="0.0 0.0 850.0 1100.0"> <title>test drawing</title> <desc>a drawing to test the audio tac display</desc> <line stroke="black" stroke-width="5.0" x1="20.0" y1="20.0" x2="20.0" y2="1100.0" id="line1325384491826" stroke-opacity="1.0"> <title>leftLine</title> <desc>a line on the left of the screen</desc> <animate attributeName="x1" attributeType="XML" from="20.0" to="500" begin="0s" dur="10s" fill="freeze" </line> <line stroke="black" stroke-width="5.0" x1="1000.0" y1="20.0" x2="1000.0" y2="1100.0" id="line1325384524144" stroke-opacity="1.0"> <title>rightLine</title> <desc>a line on the right</desc> <animate attributeName="x1" attributeType="XML" from="1000.0" to="500" begin="0s" dur="10s" fill="freeze" </line> </svg> Pranav ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
