Obtenir la zone de texte en utilisant getBBox ()

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();

Comment puis-je utiliser getBBox() pour obtenir la zone de texte de chaque texte?

source d'informationauteur Ian Clay

  1. 15

    La meilleure approche ici dépend de ce que vous essayez de faire. La plupart d3 fonctions de rappel d'approvisionnement de l'actuel de l'élément DOM comme thisdonc cela devrait fonctionner:

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

    Au-delà, la question est de savoir dans quel contexte vous avez besoin d'utiliser ce nombre. Par exemple, pour obtenir la somme du texte largeurs, vous pouvez faire: 

    var textWidth = 0;
text.each(function() {
    textWidth += this.getBBox().width;
});
  2. 8

    Vous pouvez également le faire de manière synchrone sur un élément à l'aide d'un noeud():

    console.log(text.node().getBBox());