Hallo Forum!
Ich starte unter SVG eine Animation:
(Ist ein Balken, der vom unteren Bildschirmrand noch oben läuft)
<rect x="100" y="100" width="500" height="20" stroke="blue" stroke-width="3px" fill="#000099">
<animate id="wolke7" attributeName="y" attributeType="XML" begin="0s" dur="10s" repeatDur="indefinite" fill="freeze" from="450" to="0" />
</rect>
Nun möchte ich, wenn dieser Balken einen bestimmmten Wert erreicht hat, dass eine Aktion ausgeführt wird. Dachte mit JS:
function play()
{
svgroot.unpauseAnimations();
var document = evt.getTarget().getOwnerDocument();
var balken = document.getElementById('wolke7');
var limit = balken.getAttribute('attributeName');
if (wasserz > 200)
alert(limit);
}
Der Balken läuft aber ohne Reaktion durch und gibt mir aber ohne die if-Schleife nur das "y" von attributeName= aus. Wie kriege ich den aktuellen Wert einer Animation ermittelt?
Claudi