我开始使用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 ();
结果为空。
还将代码更改为: …