无法使用d3显示多边形

Unable to display a polygon using d3

本文关键字：显示 多边形 d3      更新时间：2023-09-26

我正在尝试使用d3添加svg，如下所示:

<!DOCTYPE html>
<html>
<style>
body {
  font: 10px sans-serif;
}
.line {
  fill: yellow;
  stroke: steelblue;
  stroke-width: 2.5px;
}
svg {
    border: 5px;
    height: 500px;
    width: 1200px;
    margin: 10px;
    min-width: 100px;
    min-height: 100px;
}
</style>
<script src="http://d3js.org/d3.v3.js"></script>
<script>
d3.select("body").append("svg")
    .append("path")
    .attr("class", "line")
    .attr("d", "M 100 100 L 300 100 L 200 300 z");
</script>
<body>
</body>
</html>
不幸的是，这并没有显示任何内容。另一方面，如果将最后三行替换为以下内容，则得到一个三角形。 
<body>
<svg><path class="line" d="M 100 100 L 300 100 L 200 300 z"></path></svg>
</body>
</html>

我不明白为什么会这样。请帮助。

您错过了

标记，而不将
相关文章：