什么';SVG viewBox属性背后的魔力是什么?
经过几次试用,我仍然不理解SVG viewBox。如果从以下示例中删除viewBox,则输出将变小。为什么会这样?我知道viewBox可以根据需要进行缩放,但我看不出有任何东西可以缩放。路径的范围与svg的宽度/高度完全匹配:什么';SVG viewBox属性背后的魔力是什么?,svg,coordinate-systems,viewbox,Svg,Coordinate Systems,Viewbox,经过几次试用,我仍然不理解SVG viewBox。如果从以下示例中删除viewBox,则输出将变小。为什么会这样?我知道viewBox可以根据需要进行缩放,但我看不出有任何东西可以缩放。路径的范围与svg的宽度/高度完全匹配: <svg width=595pt height=806pt viewBox="0 0 595 806" overflow="visible"> <g style=" fill: none; stroke: red; " > <p
<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>
您可以在这里亲自尝试:视图框显示,我们将595个像素映射为x方向的595个点。 1pt=1in的1/72
1px=1英寸的1/96 所以px:pt的比值是96:72或1.3333:1 因此,当删除viewBox时,图形的大小将按该系数更改 同样的推理也适用于y比例