Fügen Sie foreignObject mit jquery dynamisch in svg ein

9

Gegeben diese html + svg

%Vor%

Ich möchte ein foreignObject in #group einfügen (vorzugsweise mit jquery, um die Manipulation zu vereinfachen). Ich habe es versucht (Code ist vom Kopf her skizzenhaft)

%Vor%

ohne Erfolg, wahrscheinlich, weil "body" ausgezogen wird. Ich habe mehrere exotische Möglichkeiten ausprobiert, um das Body-Element zu erstellen und das Beste, was ich konnte - Firebug vergräbt das eingefügte foreignObject-Element nicht mehr, aber es ist immer noch nicht sichtbar.

Ich sehe also entweder nichts Offensichtliches oder es gibt eine seltsame Art, das zu tun.

Ideen?

Aktualisierung mit endgültiger Lösung Das ist das Kürzeste von dem, was ich mir ausgedacht habe

%Vor%     
durilka 17.09.2012, 15:01
quelle

2 Antworten

6

Bei SVG wird zwischen Groß- und Kleinschreibung unterschieden, und der gewünschte Elementname heißt Fremdobjekt. Um es mit dem Dom zu erstellen, rufen Sie

auf %Vor%     
Robert Longson 17.09.2012, 15:28
quelle
-1

jQuery eignet sich nicht gut für SVG-Dokumente.

Aber Sie könnten immer noch plain JS in Verbindung mit jQuery verwenden:

%Vor%     
feeela 17.09.2012 15:09
quelle

Tags und Links