在 CSS 中,我指定:
#label{
font-size: 11px;
fill: black;
direction: rtl;
font-weight:bold;
}
然后,在我的脚本中,我写道:
squares.append("text").attr("id", "label").text("");
squares.select("#label").attr("x", 0).attr("y", 0).text("Hello");
在 Chrome 中,文本从右到左增长,因此可以按我的意愿工作。但是在 IE9 中,它似乎忽略了 rtl 方向属性,即使我去:
squares.select("#label").attr("x", 0).attr("y", 0).text("Hello").style("direction", "rtl");
任何有助于使其在 IE9 中也能正常工作的帮助都会很棒!