javascript - SVG要素の高さ/幅のサイズをピクセルに変換する方法

Question

いくつかの svg 要素があり、それらの高さと幅をピクセル単位で求めています。これを行う方法？

<rect height="200" width="400" fill="red" stroke="1">

Answer 1

ベクター形式での測定値は、一般に、最終的にレンダリングされる「ウィンドウ」または「ビューアー」のサイズに相対的です。ビューポートのサイズ (ピクセル単位) を知らなくても、それらは無限に大きくても小さくてもかまいません。ビューポートのサイズがあり、要素が何も変換されていない場合は、要素がビューポートに対してどこにあるかを確認し、完全に表示されていることを確認してから、レンダリングされたサイズを計算する必要があります。ただし、部分的または完全に「画面外」に表示されている場合は注意してください。