我实施了基于http://bl.ocks.org/hlvoorhees/5986172#index.html的内容。在最新的browserupdates之后,我意识到我的应用程序中的文本节点以及示例中的文本节点现在都被渲染为黑盒子(一周前它们看起来很好)。
标签创建代码(来自上面的示例)
var tickLabels = ticks.selectAll("billboard shape text")
.data(function(d) { return [d]; });
var newTickLabels = tickLabels.enter()
.append("billboard")
.attr("axisOfRotation", "0 0 0")
.append("shape")
.call(makeSolid)
newTickLabels.append("text")
.attr("string", scale.tickFormat(10))
.attr("solid", "true")
.append("fontstyle")
.attr("size", tickFontSize)
.attr("family", "SANS")
.attr("justify", "END MIDDLE" );
tickLabels // enter + update
.attr("string", scale.tickFormat(10))
tickLabels.exit().remove();
X3DOM-Logdiv不包含任何错误或警告。所以我不知道X3DOM是破坏东西还是D3,但是因为它实际上是一个X3DOM-Node我会在那里找到问题..最近X3Dom和D3都没有更新他们的库 - 但我尝试了旧版本,但仍然破坏了文本
经过测试
答案 0 :(得分:1)
我有一个类似的问题,当我试图使用大字体大小和变换来平滑文本渲染再次缩小它们。我使用小字体和quality
属性在黑色矩形周围工作,并且没有变换。
对你来说它看起来像这样:
.append("fontstyle")
.attr("size", 0.5)
.attr("quality","10")
.attr("family", "SANS")
.attr("justify", "END MIDDLE" );
quality
属性用于过采样,因此即使您的文本节点相当小,您也可以获得良好的文本呈现:http://doc.x3dom.org/author/Text/FontStyle.html
我不确定这是否是x3dom错误,或者这是否是文本节点的预期行为,这些行为太小。