Ich versuche, ein SVG-Element in JS zu erstellen und dann an das DOM anzuhängen. Das SVG-Element verweist jedoch auf ein Symbol. Ich kann dies mit der Methode insertAdjacentHTML
erreichen, aber nicht mit der Methode appendChild
.
Bei Verwendung von appendChild
befindet sich das richtige Material im Browser gemäß den Browser-Inspektoren, aber es wird nicht korrekt gerendert. Kann jemand sehen warum?
Sie können SVG-Elemente nicht mit createElement
erstellen, Sie müssen createElementNS
verwenden, um sie im SVG-Namespace zu erstellen
insertAdjacentHTML
ruft den HTML-Parser auf, der die Element-Namespaces magisch fixiert.
Ebenso können Sie mit setAttribute keine Attribute im xlink-Namespace wie xlink: href erstellen. Du willst
%Vor%dort
Ich fand die Lösung, .createElementNS & amp; .setAttributeNS musste verwendet werden.
%Vor%Tags und Links javascript svg