1

如图所示，以 0,0 为中心绘制的圆在 chrome 上正确显示，但在 IE10 上它溢出了 SVG 边界。我需要做什么才能让它在 IE 上正确呈现？

IE 和 Chrome 中的 D3 渲染

这是代码：

<body>
  <div id="chart1">
  </div>
    <script>
      var width = 50,height = 50;
      var SVGmap = d3.select("#chart1")
                      .append("svg")
                      .attr("width", width)
                      .attr("height", height);

      var g = SVGmap.append("g");
      g.append("circle") 
        .style("stroke", "gray")
        .style("fill", "red")
        .attr("r", 40)
        .attr("cx", 0)
        .attr("cy", 0)

    </script> 
</body>
4

1 回答 1

2

谢谢罗伯特。添加.attr("overflow", "hidden")到 SVG 元素可以解决这个问题。

于 2013-04-24T02:41:13.790 回答