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

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

即可

SVG路径不显示

1 个答案: