svg - ビューボックスの座標をsvg描画の範囲に設定する

Question

動的に作成されたsvgオブジェクトのセットがあります。それらのいくつかには、かなり複雑な変換が適用されています。これは、これらのオブジェクトのXとYの最大値と最小値を計算したいという意味ではありません。ビューボックス（または便利な同様のタグ）に、描画オブジェクトの範囲の計算を行わずに、これらすべてのオブジェクトを表示したいと思います。

手伝ってもらえますか？

ありがとう

Answer 1

path要素でgetBBox（）を使用して、図面の範囲を取得できます。

var clientrect = path.getBBox();
var viewBox = clientrect.x+' '+clientrect.y+' '+clientrect.width+' '+clientrect.height;

次に、ビューボックスをこれらの座標に設定できます。

nbレンダリング後にsvgのビューボックスを変更できると思うので、svgを再レンダリングする必要があるかもしれません。