javascript - 在html中获取外部链接的SVG文件
本文介绍了javascript - 在html中获取外部链接的SVG文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<div class="board" id="face">
<iframe id="svgdocument" frameborder="0" scrolling="NO"></iframe>
</div>
我在上面这个iframe
中通过触发某个事件添加链接到svg,然后想要获取svg的内容
$("#" + boardUrl).attr("src", svgUrl);//给iframe添加svg的链接
var data2=document.getElementById("svgdocument").contentDocument;//获取svg内容
但是并没有获取到
我个人觉得可能的原因是在iframe
还没有导入svg的时候就执行了获取内容的代码,所以才只是返回了一个空的框架。
请教一下各位我的想法是否正确?以及解决办法?谢谢!~
解决方案
var data2;
$("#" + boardUrl).attr("src", svgUrl).on("load",function(){
data2=document.getElementById("svgdocument").contentDocument;//获取svg内容
});//给iframe添加svg的链接
这样呢?
这篇关于javascript - 在html中获取外部链接的SVG文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文