Хорошего дня,

У меня невероятные трудности при создании пути и его отображении с помощью & quot; appendChild & quot; внутри элемента SVG.

Мне нужно упустить что-то критически простое, поскольку я пролистал спецификации W3C, w3schools.com, различные посты здесь и пытался найти ниндзя в Google различными способами.

Я тестирую в FireFox и Chrome.

У меня есть простой файл SVG, таким образом:

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

Сценарий, который я пытаюсь использовать, выглядит следующим образом:

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

Я просто хочу сделать что-то простое. Я ошибаюсь, если думаю, что мне не нужно такое сложное решение, как найденное наБиблиотека для создания SVG Path с Javascript??

Спасибо, пожалуйста.