Ich versuche, SVG-Inhalte dynamisch anzuzeigen. Dieser Inhalt wird als Zeichenfolge in meiner Datenquelle gespeichert. Eine Beispielzeichenfolge sieht folgendermaßen aus:

<svg width="200" height="200" style="background-color:#D2B48C; margin-bottom:5px;" id="embeddedSVG">
<g id="myGroup" fill="blue" style="font-size:18px; text-anchor:middle; font-family: serif;">
<circle id="myCircle" cx="100" cy="75" r="50" stroke="firebrick" stroke-width="3" />
<text x="100" y="155">Hello World</text><text x="100" y="175">From Embedded SVG!</text>
</g></svg>

Um dem IE gerecht zu werden, benutze ich SvgWeb. Mein Problem ist, um SVG-Inhalt anzuzeigen, muss ich es in ein @ einschließ<script type="image/svg+xml"></script> tag combo. Meine Herausforderung ist, das SVG wird asynchron über JQuery zurückgezogen. Und meines Wissens kann ich in JavaScript kein Skript-Tag dynamisch schreiben.

Wie nehme ich den mit JQuery abgerufenen SVG-Inhalt und zeige ihn dynamisch an?