从服务器加载svg并将其显示为html元素

Question

我试图从服务器加载svg并使用jQuery将其显示为html元素，如下所示，但它没有显示svg，这段代码有什么问题？

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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">');

Answer 2

Here is a handy article关于svg。

基本上你需要定义宽度nad高度，以便显示svg图像。

这可能就是为什么它没有显示在你的情况下。