IE 9中的SVG Textpath行为

时间:2013-07-08 13:02:18

标签: text svg path d3.js internet-explorer-9

我将文字标签放在甜甜圈/环形图表的周边。这在Chrome / FF / Opera / Safari中运行良好。但是,在IE9中,接近90度角的文本是倾斜的:

enter image description here

我很想知道是否有任何方法可以修改代码以使IE9像其他浏览器一样呈现,或者行为是否仅仅是IE9实现SVG所固有的。

实例:

http://intensional.org/test/

(大多数)相关的代码部分是:

var pieLabels = svg.selectAll(".pieLabel").data(readyPieData).enter().append("svg:text").attr("class", "pieLabel").attr("text-anchor", "middle").attr("dy", "-4").attr("font-size", "17px").attr("id", function(d, i) {
                    return "pieLabel-" + colourData[i].key;
                }).append("svg:textPath")
                .attr("xlink:href", function(d, i) {
                    return "#piePath-" + colourData[i].key;
                }).attr("id", function(d, i) {
                    return "pieLabelTextPath-" + colourData[i].key;
                })

(请注意,此代码也使用D3.js)。

干杯。

0 个答案:

没有答案