nicht angemeldet
Hallo,
Ich habe meine erste SVG-Grafik zum "zappeln" gebracht , aber es gibt ein Problem. ich habe eine große gelbe Ellipse vor der ein schwarzer Ball immer größer und kleiner werden kann, derzeit gibt es zwei animationen: die erste beginnte bei 0s und sorgt für das größer werden die zweite beginnt nach 5s (Dauer der ersten Animation), wenn ich aber beide auf unendliche Wiederholung stelle, gibt es nach dem ersten Durchlauf keine Verzögerung mehr zwischen beiden und nur noch die zweite Animation (das Schrumpfen) wird angzeigt. Gibt es eine Möglichkeit den schwarzen Kreis kontinuierlich wachsen und schrumpfen zu lassen? (Quelltext is im Anhang)
Danke,
Sabina
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="23.12cm" height="15.9cm"
text-decoration="none">
<ellipse id="EllipseOne" cy="112px" cx="327px" rx="164px" ry="62px"
style="stroke: #FFFF00; fill: #FFFF00"/>
<ellipse id="pupil" cy="111px" cx="322px" rx="0px" ry="0px"
style="stroke: #000000; fill: #000000">
<animate attributeName="rx" attributeType="XML" begin="0s" dur="5s"
fill="freeze" from="0" to="47" repeatDur="indefinite" />
<animate attributeName="rx" attributeType="XML" begin="5s" dur="5s"
fill="remove" from="47" to="0" repeatDur="indefinite" />
<animate attributeName="ry" attributeType="XML" begin="0s" dur="5s"
fill="freeze" from="0" to="47" repeatDur="indefinite" />
<animate attributeName="ry" attributeType="XML" begin="5s" dur="5s"
fill="remove" from="47" to="0" repeatDur="indefinite" />
</ellipse>
</svg>