2015-03-09 5 views
0

Я пытаюсь отобразить SVG графств Алабамы, взятых из Wikipedia. По какой-то причине пути, разделяющие графства, не отображаются, а только красное заполнение для округа Аутауга. Я использую следующий код для отображения SVG. Я уже пробовал установить stroke="black" stroke-width="5px" fill="yellow" на отдельные элементы пути, чтобы увидеть, появятся ли они, но без каких-либо успехов. Любая идея, что мне нужно сделать, чтобы она отображалась правильно?Путь SVG не отображается

<!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> 
+2

удалить 'клип-path' свойство' ' Kaiido

+0

@Kaiido clip-path, вы должны записать ответ с этим. – Mark

+0

, который исправил его. отправьте ответ, и я его приму –

ответ

2

Просто удалите атрибут <g> элемента

Смежные вопросы