Loading ...
Sorry, an error occurred while loading the content.

RE: [svg-developers] line animation

Expand Messages
  • julian.calvert@softwareag.com
    Hallo, Two examples here, one with a line and one with a path. No doubt there are dozens of other ways of doing this.
    Message 1 of 2 , Apr 14, 2004
    • 0 Attachment
      Hallo,
      Two examples here, one with a line and one with a path.
      No doubt there are dozens of other ways of doing this.

      <svg width="100" height="100">
      <line x1="10" y1="0" x2="10" y2="0" stroke="blue" stroke-width="2">
      <animate attributeName="x2" to="100" dur="10" fill="freeze"/>
      <animate attributeName="y2" to="090" dur="10" fill="freeze"/>
      </line>
      <path stroke="red" stroke-width="2">
      <animate attributeName="d" values="
      M 0 10 l 0 0;
      M 0 10 l 90 90"
      fill="freeze" dur="10"/>
      </path>
      </svg>

      Cheers,
      Julian

      -----Original Message-----
      From: florin [mailto:mflorin@...]
      Sent: 14 April 2004 14:46
      To: svg-developers@yahoogroups.com
      Subject: [svg-developers] line animation

      please give me an example of line animation. a line witch goes from
      0,0 and grow up to 100,100 for example
    Your message has been successfully submitted and would be delivered to recipients shortly.