个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
getSVGDocument 损坏了吗？过时了？
因为当我“运行”以下内容时:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>SVG Embedded - Chapter 07</title>
<link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../assets/style.css">
<style>
body { margin: 1em; }
svg { border: 1px solid silver; }
rect, text { fill: white; }
circle { fill: black; }
</style>
</head>
<body>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" height="200" width="300">
<rect width="100%" height="100%" fill="black" />
<circle cx="150" cy="100" r="80" fill="white" />
<text x="150" y="125" font-size="60" text-anchor="middle">SVG</text>
</svg>
<embed src="../assets/svg.svg"></embed>
<object data="../assets/svg.svg"></object>
<script>
document.addEventListener('DOMContentLoaded',function() {
'use strict';
var rects = document.querySelectorAll('svg'),
embed = document.querySelector('embed').getSVGDocument();
console.log(rects.length);
console.log(embed,embed.childNodes.length);
},false);
</script>
</body>
</html>
然后等待所有 3 个 SVG 被(加载 和)显示，并在控制台中输入:document.getElementsByTagName('embed')[0].getSVGDocument() 它返回 null
整页(含文件)可在此处下载: https://github.com/stopsatgreen/modernwebbook/blob/master/Code%20Examples/Chapter%2007/svg-embedded.html
注意:我会尝试让页面在 JS Bin 中运行。
编辑:
会不会是这个问题？ SVG not working when access on localhost. Why?
如果是这样，如何在不配置(本地)网络服务器的情况下修复它？
最佳答案
getSVGDocument() 方法已弃用。推荐的方法是改用 contentDocument 属性。
关于javascript - getSVGDocument 在 FireFox 和 Chrome 中返回 null，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22529398/
26
4
0
我似乎在使用 batikSVG 使用 Java 操作 SVG 时遇到问题。我可以在 JSVG Canvas 上很好地显示 SVG，但是当我尝试使用 getSVGDocument 访问 Canvas 的
尝试在 Safari 中调试网页时遇到了一些问题。在我的主页中，我有一个 iframe，我每三秒重新加载一次以更新主页上的标签。但是，当我尝试在 Safari 中使用它时，以下行为空 parent.d
这个问题在这里已经有了答案: How to check if an embedded SVG document is loaded in an html page? (8 个答案) 关闭 9 年前。
getSVGDocument 损坏了吗？过时了？ 因为当我“运行”以下内容时: SVG Embedded - Chapter 07 body { mar
getSVGDocument 是否损坏？过时了吗？ 因为当我“运行”以下内容时: SVG Embedded - Chapter 07 body { ma
英国国家统计局提供英国 2011 年全国人口普查数据。他们提供的一种访问方法是通过 SOAP API，他们在页面 NeSS Data Exchange V2.0 上给出了如何使用其 API 的示例。
HTML 页面 SVG 定义 Javascript: //var eID = document.getElementById("ENV"); var S = document.getElementB
我是一名优秀的程序员,十分优秀！