小编use*_*880的帖子

getSVGDocument在Chrome中返回NULL

我开始使用SVG,并且具有以下代码:

的HTML

<embed id="embed" src="svg.svg" type="image/svg+xml" width="400" height="300" >

<object id="object" data="svg.svg" type="image/svg+xml" width="400" height="300"></object>
Run Code Online (Sandbox Code Playgroud)

Java脚本

$(window).load(function (){
//alert("Document loaded, including graphics and embedded documents (like SVG)");

    var svgDoc_embed = document.getElementById("embed").getSVGDocument();
    alert("My svgDoc_embed => " + svgDoc_embed);

    var svgDoc_object = document.getElementById("object").getSVGDocument();
    alert("My svgDoc_object => " + svgDoc_object);  

});
Run Code Online (Sandbox Code Playgroud)

在FireFox浏览器中运行良好

My svgDoc_embed => [object SVGDocument]
My svgDoc_object => [object SVGDocument]
Run Code Online (Sandbox Code Playgroud)

但不适用于Chrome浏览器。

My svgDoc_embed => null
My svgDoc_object => null
Run Code Online (Sandbox Code Playgroud)

我已经搜索了Internet,但是找不到任何有效的方法

欢迎任何建议

================================================== ========================

我尝试打开Chrome JS控制台并输入:

document.getElementById ("object"). GetSVGDocument ();

结果为空。

还将代码更改为: …

javascript jquery svg

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

jquery ×1

svg ×1