16 
var text = vis.selectAll("text")
    .data(words, function(d) { return d.text.toLowerCase(); });
    text.enter().append("text")
    .attr("text-anchor", "middle")
    .attr("transform", function(d) {
               return "translate(" + [d.x, d.y] + ")"})
    .style("font-size", function(d) { return d.size + "px"; })


    var bbox = text.node().getBBox();

getBBox（）を使用して各テキストのテキスト領域を取得するにはどうすればよいですか？

4

2 に答える 2

20

ここでの最善のアプローチは、何をしようとしているかによって異なります。ほとんどのd3コールバック関数は、現在のDOM要素をとして提供するthisため、これは機能するはずです。

text.each(function() {
    console.log(this.getBBox());
});

それを超えて、問題はあなたがその番号を使用する必要がある文脈です。たとえば、テキスト幅の合計を取得するには、次のようにします。

var textWidth = 0;
text.each(function() {
    textWidth += this.getBBox().width;
});
于 2012-12-17T23:07:09.167 に答える
11

node（）を使用して、要素に対してこれを同期的に行うこともできます。

console.log(text.node().getBBox());
于 2014-07-29T11:33:44.903 に答える