Animieren rotierenden SVG-element auf der Webseite

So, ich habe eine SVG-Datei erstellt in Inkscape, eingebettet in einer Webseite, und ich möchte es drehen sich langsam. Ich habe versucht, mit Javascript und animation einfügen-Befehle direkt in den SVG, aber nichts funktioniert. Ich will nicht zu laden ist, eine ganze JS-Bibliothek für diese Aufgabe. Dies ist, was ich habe, so weit:

<html>
    <body bgcolor="#333333">
        <embed src="gear.svg" id="gear" width="1000" height="1000" style="position: absolute; top: -500px; left: -500px;" />
        <script type="text/javascript">
            var gear = document.getElementById("gear");
            window.setInterval(function() {
                //Somehow animate the gear.
            }, 10);
        </script>
    </body>
</html>

InformationsquelleAutor Zarkonnen | 2010-06-08

Schreibe einen Kommentar