Pfad Kind in SVG anhängen Mit Javascript

Schönen Tag,

Es fällt mir unglaublich schwer, einen Pfad zu erstellen und ihn mit "appendChild" in einem SVG-Element anzuzeigen.

Ich muss etwas kritisch Einfaches vermissen, da ich über die Spezifikationen von W3C, w3schools.com, verschiedene Beiträge hier gegossen und versucht habe, Google auf verschiedene Arten zu ninja.

Ich teste in Firefox und Chrome.

Ich habe eine einfache svg datei also:

<code><svg xmlns:svg ... id="fullPageID">
 <image id="timer1" x="100" y="100" width="100px" height="100px" xlink:href="../component/timer/timer1.svg" />  
 <image id="battery1" x="200" y="200" width="100px" height="100px" xlink:href="../component/battery/30x20_ochre.svg" />
 <script xlink:href="pathMaker.js" type="text/javascript" id="pathMaker" />  
</svg>
</code>

Das Skript, das ich verwenden möchte, sieht folgendermaßen aus:

<code>newpath = document.createElementNS("SVG","path");  
newpath.setAttribute("id", "pathIdD");  
newpath.setAttribute("d", "M 1,97.857143 C 19.285714,96.428571 24.016862,131.64801 90.714286,132.85714 140.78762,133.7649 202.79376,66.16041 202.79376,66.16041");  
newpath.setAttribute("stroke", "black");  
newpath.setAttribute("stroke-width", 3);  
newpath.setAttribute("opacity", 1);  
newpath.setAttribute("fill", "none");

document.getElementById("fullPageID").appendChild(newpath);
</code>

Ich möchte nur etwas einfaches machen. Täusche ich mich zu glauben, dass ich keine so komplizierte Lösung benötige wie die vonBibliothek, um SVG-Pfad mit Javascript zu generieren??

Vielen Dank.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage