SVG-Skripting mit Symbol

8

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?

Ссылка

%Vor%     
Brad Woods 26.12.2015, 21:52
quelle

2 Antworten

3

Sie können SVG-Elemente nicht mit createElement erstellen, Sie müssen createElementNS verwenden, um sie im SVG-Namespace zu erstellen

%Vor%

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

    
Robert Longson 26.12.2015, 22:11
quelle
0

Ich fand die Lösung, .createElementNS & amp; .setAttributeNS musste verwendet werden.

%Vor%     
Brad Woods 26.12.2015 23:42
quelle

Tags und Links