动态添加的embed SVG元素如何获得其svgdoc?
我现在需要动态嵌入SVG文件,但是却无法获得其svgdoc,请问该怎么处理?
代码比较复杂,简单描述如下:
-------------------------
var embededSvg=document.getElementById("embededSvg");
if(embededSvg==null){
embededSvg=document.createElement("embed");
embededSvg.id="embededSvg";
embededSvg.src="../svg/test.svg";
embededSvg.type="image/svg-xml";
}
//alert("a");
var svgDoc=embededSvg.getSVGDocument();
//var svgDoc=document.embededSvg.getSVGDocument(); //也试过,不行
-------------------------
一直报svgDoc是null。
有一个比较有意思的现象就是,如果在getSVGDocument()之前加一个alert(),随便alert什么都可以
就可以取到svgDoc。
不知道是什么原因?难道是在我执行getSVGDocument()的时候,test.svg文件还没有载入?
如果是这个原因,那么如何让它自动载入(而不再需要我alert手动刷新页面)?