Jump to content

Recommended Posts

I don't know if this is the right place to ask about SVG, but here goes.I've created this code for a circle moving up and down in a square. But for some reason, it isn't moving.

<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" height="500" width="500" style="stroke-width:1; stroke:black; fill:white"></rect><circle cx="250" cy="50" r="50" stroke="red" stroke-width="0" fill="red">	<animate id="down" attributeType="XML" attributeName="cy" from="50" to="450" dur="5s" begin="0s; up.end"/>	<animate id="up" attributeType="XML" attributeName="cy" from="450" to="50" dur="5s" begin="down.end" />	</circle></svg>

Link to post
Share on other sites

Both... plus a few SVGDOM functions, though they're optional (i.e. can be achieved with those other two).

Link to post
Share on other sites

There is none. But it's in the spec non the less, and most of it is implemented by most browsers.But again: The idea of those methods is to simplify stuff that you can otherwise do with JavaScript's XML DOM.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...