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???
| 归档时间: |
|
| 查看次数: |
683 次 |
| 最近记录: |