Javascript 如何将viewbox高度和宽度导出为网页高度和宽度_Javascript_Svg

Javascript 如何将viewbox高度和宽度导出为网页高度和宽度

javascript svg

Javascript 如何将viewbox高度和宽度导出为网页高度和宽度,javascript,svg,Javascript,Svg,Svg定义问题是我想将此svg映射到我的网页中的DomeElement div中 <div style='width:500px ;height:700px'></div> 我在将svg映射到网页布局时遇到问题提前谢谢我从这个PDF中得到了答案第5、6、7页 “提示”：匹配两个窗口的纵横比 R > W / H Viewport(0, 0, W, W/R) 网页视口的r=w/h是否存在问题？现在它看起来像什么？您希望它看起来像什么？问题是SVG v

Svg定义

问题是

我想将此svg映射到我的网页中的DomeElement div中

<div style='width:500px ;height:700px'></div>

我在将svg映射到网页布局时遇到问题

提前谢谢

我从这个PDF中得到了答案

第5、6、7页

“提示”：

匹配两个窗口的纵横比

R > W / H

Viewport(0, 0, W, W/R)

网页视口的r=w/h是否存在问题？现在它看起来像什么？您希望它看起来像什么？问题是SVG viewbox坐标和Web布局之间的映射。viewboxVx，Vy，Vwidth，vhweight和div有Dwidth和Dheight，如何将Vwidth映射到Dwidth和vhweight映射到Dheight，在这里我想保持svg的纵横比它不应该被严重拉伸或隐藏如果你想保留纵横比，添加一个preserveSpectratio=任何适合你的属性。

R > W / H

Viewport(0, 0, W, W/R)

R < W / H

Viewport(0, 0, H*R, H)