Die folgenden Angaben sind Codes.
Oder versuchen Sie dies (vorübergehend): http://ihome.ust.hk/~cs_lyfac/svgFrage/a.html
Wenn Sie die Eingabetaste drücken, ist alles in Ordnung und das svgDocument-Objekt wird benachrichtigt. Aber wenn Sie es aktualisieren, ist es undefiniert. Und warum? Außerdem ist es immer undefiniert, wenn es sich im lokalen Modus befindet.
<html>
<head>
<title>Animating SVG</title>
<script type="text/javascript" src="gear.js"></script>
</head>
<body bgcolor="#CCAAFF" onload="RotateSVG()">
<object id="gear" data="gear.svg" type="image/svg+xml"
width="500" height="500"
style="position: absolute; top: -250px; left: -250px;">
</object>
</body>
</html>y
function RotateSVG()
{
var svgTag = document.getElementById("gear");
var svgDoc = null;
svgDoc = svgTag.getSVGDocument();
alert(svgDoc);
}y
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
baseProfile="full">
<!-- http://www.mozilla.org/projects/svg/ -->
<g id="gearG" fill-opacity="0.7" stroke="black" stroke-width="0.1cm">
<circle cx="6cm" cy="2cm" r="100" fill="red"
transform="translate(0,50)" />
<circle cx="6cm" cy="2cm" r="100" fill="blue"
transform="translate(70,150)" />
<circle cx="6cm" cy="2cm" r="100" fill="green"
transform="translate(-70,150)" />
</g>
</svg>
