SVG 路径不显示

Question

我正在尝试显示取自 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>

Answer 1

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

SVG 路径不显示

SVG path not displaying

javascript

svg

d3.js

choropleth