首页 / JAVASCRIPT / 从Javascript访问SVG不起作用

从Javascript访问SVG不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了从Javascript访问SVG不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1222字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > Receive Uncaught SecurityError when accessing SVG objects from Javascript                                    1个
我一直在关注使用Javascript访问SVG元素的示例,但我无法让它工作.这段代码有什么问题？

使用Javascript：

var objTag = document.getElementById('esc-seconds-1s');
objTag.addEventListener('load', function() {
    var svgDoc = objTag.contentDocument;
    var cc3 = svgDoc.getElementById('cc3');
    cc3.setAttribute('fill', 'red');
}, false);

我收到以下控制台错误：

Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLObjectElement': Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.

我认为这个错误有点失误.错误来自contentDocument行,所以我认为这不是因为相同的原始策略.另外,我在SVG文件中没有任何xlink行.这是我的SVG的顶部：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

SVG显示正常,为什么objTag.contentDocument调用失败？

html：

<object class="esc-seven-segment" id="esc-seconds-1s"
     type="image/svg+xml" data="images/seven-segment-digit.svg"></object>

谢谢,

-Andres

解决方法:

您使用Chrome并使用本地文件(即file：//)吗？

Using iframe with local files in Chrome

运行本地Web服务器(http：// localhost /)或尝试使用其他浏览器进行测试.

内容总结

以上是互联网集市为您收集整理的从Javascript访问SVG不起作用全部内容，希望文章能够帮你解决从Javascript访问SVG不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/744731.html

来源：【匿名】