chrome getSVGDocument() nicht funktioniert / wie man svg-Dokument in eine html-Datei in chrome?

Belows sind codes.

Oder versuchen, diese(vorübergehend): http://ihome.ust.hk/~cs_lyfac/svgQuestion/a.html

Wenn Sie die EINGABETASTE drücken, es ist gut und svgDocument Objekt alarmiert. Aber wenn Sie es aktualisieren, ist es undefiniert. Warum? Darüber hinaus ist es immer undefiniert, wenn im lokalen Modus.

<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>

und

function RotateSVG()
{

    var svgTag = document.getElementById("gear");
    var svgDoc = null;

    svgDoc = svgTag.getSVGDocument();
    alert(svgDoc);

}

und

<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>
InformationsquelleAutor micahli123 | 2011-04-19
  1. 1


    Ich glaube, ich habe herausgefunden. Ich sollte das "onload" im svg-Objekt-Tags, statt body-tag. Ich denke, in diesem Fall svgDoc kann definiert werden als svg-Objekt geladen wird.

     <object onload="RotateSVG()" id="gear"...

    Versuchen, diese(vorübergehend): http://ihome.ust.hk/~cs_lyfac/svgQuestion2/a.html

    Noch firefox(4) funktioniert gut auf beide Fälle.

    InformationsquelleAutor micahli123
Schreibe einen Kommentar