jsfiddle - jsfiddle 不支持嵌入 svg

Val*_*lay 5 html javascript css jquery svg

我使用javascript和构建了一个可视化组件库jquery。在一个名为 Flags 的组件中,我svg在调用中获取文档作为响应jquery's ajax

首先,我尝试在该svg文档dataType:xml中附加jquery ajax()以下代码:

var container = $(document.createElement("div"));                        
var importedSVGRootElement = document.importNode(this.flag.documentElement, true);            
container.append(importedSVGRootElement);
Run Code Online (Sandbox Code Playgroud)

这在 Chrome 和 jsfiddle 上也运行良好。后来我将其更改为embed如下标记,以根据我的要求维护标志序列。

var stampDiv = $(document.createElement("embed")).attr("src", this.flag + '?apikey=' +     Data.apiKey).attr("type", "image/svg+xml");        
    container.append(flagDiv);
Run Code Online (Sandbox Code Playgroud)

这在 Chrome 和 jsfiddle 上也运行良好。但 2 天前 jsfiddle 停止工作了。我无法识别问题,所以我最终将其更改为img如下标记:

var stampDiv = $(document.createElement("img")).attr("src", this.flag+ '?apikey=' + Data.apiKey); 
        container.append(flagDiv); 
Run Code Online (Sandbox Code Playgroud)

svgasimg适用于所有三种主要浏览器以及 jsfiddle。我的问题是为什么embed src=svg停止在 jsfiddle 上工作???svg如果文档显示在浏览器上,我无法修改文档img。添加后svg我需要编辑它。

更新: JSFiddle 对 IE 和 FF 的支持object以及. 但Chrome上的 JSFiddle 不会显示和。embedsvgsvgobjectembed

示例 JSFiddle 示例演示了该问题。这个小提琴在 FF 和 IE 中工作正常,但在 Chrome 中不起作用。我正在使用 Chrome 版本37.0.2062.120

如何使embed标签适用于svg3 个主要浏览器(Chrome、FF、IE)以及其他浏览器jsfiddle???