微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Javascript .contentDocument 为外部 SVG 文件返回 null

如何解决Javascript .contentDocument 为外部 SVG 文件返回 null

我想从外部服务器加载 SVG 图像并在将其存储到本地之前操作其中的代码。尝试以下代码时,我得到以下图像(见附图)。第一个 console.log 很好,很花哨,但第二个返回 null。我一直在努力让它工作几个小时。

<object data="http://maxhenryxie.com/img/girl3.svg" type="image/svg+xml" id="girl_large"></object>

<script type="text/javascript">
  window.addEventListener("load",function() {
    var svgobject = document.getElementById('girl_large');
    console.log(svgobject);
    console.log(svgobject.contentDocument);
  });
</script>

我也尝试过使用 <iframe src="http://maxhenryxie.com/img/girl3.svg" id="girl_large"></iframe> 而不是 <object> 标签。我已经尝试从本地目录和使用外部链接获取 SVG 图像,唯一我还没有尝试过的是不同的浏览器,但除此之外我真的没有想法了。

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。