我有一个 html 页面，其中有一个 svg。我在 Mac 操作系统中使用 Chrome 54.0.2840.98(64 位) 作为网络浏览器。
使用 localhost 可以很好地显示 svg，但当我在浏览器路径中指定 file:///Users/softtimur/... 时，它不会显示。
我搜索了一些帖子，有些建议将页面更改为xhtml，我做到了。并将标题设置为如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
但是svg在本地仍然没有显示。
有人可以帮忙吗？
PS:Here是文件。下载后，您可能需要将名称 test.xhtml.txt 更改为 test.xhtml。
编辑:This thread提到 Chrome 可能会阻止从远程脚本 (svg-pan-zoom) 访问本地文档(在您的情况下为对象)。有没有办法重写页面来找到解决方法？或者我可以对 Chrome 设置进行一些操作吗？我真的不想使用localhost。
最佳答案
正如 Chainat 和我发现的(在评论中)，关键是写 <script src="http://d3js.org/d3.v3.min.js"></script> (超过 <script src="d3js.org/d3.v3.min.js"></script> )如果想使用外部 d3。然后甚至是没有 <html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> 的 html 文件有效...
关于html - 制作一个带有svg的html或xhtml页面在本地显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40837363/