javascript - 从服务器加载 svg 并将其显示到 html 元素中

Question

我尝试从服务器加载 svg 并使用 jQuery 将其显示到 html 元素中，如下所示，但它不显示 svg，此代码有什么问题？

我知道它可以使用 <img> 显示标签，但我需要在 svg 元素上写一些事件。

$.get( "http://example.com/_assets/img/gptest.svg", function( data ) {
   $( "#svg-main" ).append( data );
   });

<div id="svg-main"></div>

Answer 1

为什么不直接添加一个 img 标签？

<img src="http://example.com/_assets/img/gptest.svg">

如果你想通过 jQuery 添加它，请这样做:

$('#svg-main').append('<img src="http://example.com/_assets/img/gptest.svg">');