.SVGファイルの内容をHTML要素に挿入します。

Question

ファイル内にSVG要素がありますmy_ui_element.svg。このSVGをindex.htmlのHTML要素に挿入したいと思います。これどうやってするの？挿入前

HTML：挿入した後

<div class="Container"> 
    <!-- Insert SVG here --> 
</div> 

HTML：

<div class="Container"> 
    <svg>...</svg> 
</div> 

注：それがSVG要素を追加していないので<img src="my_ui_element.svg">を使用すると、許容可能な答えではありませんDOM。

Answer 1

これは簡単ではないことが分かりました。 SVGファイルは有効なHTMLです。あなたがコードを書く

$('.Container').load('my_ui_element.svg');