SVG viewBox属性の背後にある魔法は何ですか？

Question

いくつかの試行の後に私はまだ理解していないSVG viewBoxについて何かがあります。次のサンプルからviewBoxを削除すると、出力が小さくなります。なぜこれはそうですか？私はviewBoxが収まるようにスケールを知っていますが、スケールするものは何もありません。パスのエクステントが正確にSVGの幅/高さに合わせる：

<svg width=595pt height=806pt viewBox="0 0 595 806" overflow="visible"> 
<g style=" 
fill: none; 
stroke: red; " > 
    <path d=" 
     M 0.000 0.000 
     L 595.000 806 
     L 595.000 0.000 
     L 0.000 806 
"/> 
</g> 
</svg> 

は、ここではそれを自分で試してみてください：https://jsfiddle.net/7zomyrp9/

Answer 1

ビューボックス我々は、x方向に595ポイントに595個のピクセルをマッピングすることを言います。 1

だから場合：Pt比が96:72または1.3333333である：the CSS3 specification

1IN
だから1IN

の1ピクセル= 1 /第96 PXの1PT = 1/1/72あたりその倍率で図面のサイズが変わるviewBoxを削除します。

同様の推論がyスケーリングに適用されます。