D3(SVG) 浏览器支持答案

【问题标题】：D3(SVG) browser supportD3(SVG) 浏览器支持
【发布时间】：2012-08-26 01:13:29
【问题描述】：

根据 caniuse http://caniuse.com/#search=svg

除了 IE 7,8 之外，对 SVG 有完全的支持，但是当我在 Chrome 和 Firefox 中查看时，很多例子都不起作用

例如此处找到的示例中的方位角和阿尔伯斯 https://github.com/mbostock/d3/tree/master/examples

在 Safari 中都可以正常工作

我的浏览器版本

铬版本 21.0.1180.82

火狐 14.0.1

有人愿意评论为什么这些示例不起作用？

【问题讨论】：

它们在哪些方面不起作用？方位角示例似乎显示了一个地球，当我在 Firefox 中显示它时，您可以放大和缩小它。
您是在本地查看这些示例吗？如果是这样，您必须拥有本地 Web 服务器 - 请参阅底部的 github.com/mbostock/d3/wiki

标签： svg cross-browser d3.js

【解决方案1】：

正如@Josh 评论的那样，最可能的原因是您正在从本地文件系统中查看这些示例，而不是使用the Wiki 中描述的本地网络服务器。

在本地运行示例时，请注意您的浏览器可能会强制执行从本地文件系统读取文件的严格权限。一些示例使用 AJAX，它通过 HTTP 而不是本地文件以不同方式工作。 要在本地查看示例，您必须有本地网络服务器。任何网络服务器都可以工作；例如你可以运行 Python 的内置服务器：
python -m SimpleHTTPServer 8888 &
运行后，转到http://localhost:8888/examples/。

【讨论】：