SVG路径不显示答案

【问题标题】：SVG path not displayingSVG路径不显示
【发布时间】：2015-05-10 23:45:59
【问题描述】：

我正在尝试显示来自Wikipedia 的阿拉巴马州县的 SVG。出于某种原因，没有显示分隔县的路径，只显示了 Autauga 县的红色填充。我正在使用以下代码来显示 SVG。我已经尝试在单个路径元素上设置 stroke="black" stroke-width="5px" fill="yellow" 以查看它们是否会出现但没有任何成功。知道我需要做什么才能使其正确显示吗？

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>SVG Test</title>
        <script src="../site/jquery-1.10.1.min.js"></script>
        <script src="../site/d3/d3.min.js"></script>
        <script>
            $(function(){
                d3.xml("alabama_wikipedia.svg", "image/svg+xml", function(xml){
                    $("body").append(xml.documentElement);
                });
            });
        </script>
    </head>
    <body>
    </body>
</html>

【问题讨论】：

移除<g>的clip-path属性
@Kaiido，你应该写一个答案。
修复了它。发表一个答案，我会接受它

标签： javascript svg d3.js choropleth

【解决方案1】：

只需删除<g>元素的clip-path属性

【讨论】：