d3对象不在IE10的svg边界内呈现

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

D3 rendering in IE and Chrome

下面是代码：

<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>

来源

2013-04-23 NullPoint10

您可以尝试在SVGmap元素中添加attr（“overflow”，“hidden”）。 – 2013-04-23 19:07:43

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

来源

2013-04-24 02:41:13 NullPoint10

d3对象不在IE10的svg边界内呈现

回答

相关问题