SVG 路径未显示

SVG path not displaying

本文关键字：显示 路径 SVG      更新时间：2023-09-26

我正在尝试显示从维基百科中获取的阿拉巴马州各县的SVG。由于某种原因，没有显示分隔县的路径，只显示奥托加县的红色填充。我使用以下代码来显示 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 属性

相关文章：