Dołączanie potomka ścieżki w SVG Używanie Javascript
Dobry dzień,
Mam niesamowitą trudność w tworzeniu ścieżki i wyświetlaniu jej za pomocą „appendChild” w elemencie SVG.
Muszę przegapić coś bardzo prostego, ponieważ przeniosłem się na specyfikacje W3C, w3schools.com, różne posty tutaj i próbowałem google na różne sposoby.
Testuję w FireFox i Chrome.
Mam prosty plik svg, więc:
<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>
Skrypt, którego próbuję użyć, wygląda tak:
<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>
Chcę tylko zrobić coś prostego. Czy mylę się, sądząc, że nie wymagam rozwiązania tak skomplikowanego, jak to, na którym się znajdujeBiblioteka do generowania ścieżki SVG z Javascriptem??
Dzięki Uprzejmie.