d3.js - d3 テキスト要素の読み取り幅

Question

<text>要素が作成された後、d3 で作成された要素の幅を読みたいと思います。

私が試してみました

svg.selectAll("text")
    .each(function () {
        console.log('text', d3.select(this).style("width"));
    }); // 'auto'

と

svg.selectAll("text")
    .each(function () {
        console.log('text', $(this).css("width"));
    }); // '0px'

前もって感謝します

score 58 · Accepted Answer

選択方法 (attr など) で:

   this.getComputedTextLength().

1 つの要素の選択では、次のように言えます。

   selection.node().getComputedTextLength().

幅と高さにgetBBoxを使用することもできます

3 に答える 3