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邊界內呈現

回答

相關問題