Question

Svg defination

 <svg xmlns="http://www.w3.org/2000/svg"
           xmlns:xlink="http://www.w3.org/1999/xlink" 
          xmlns:xxx="http://www.abcdef.com/xxx"    
         id="svgId"
     version="1.1" 
     xml:space="preserve" 
     viewBox="0 0 1191 739">....</svg>

问题在于

我想将此svg放置（映射）到我的网页中的domElement-div

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

我在地图svg面临网页布局问题

提前致谢。

Answer 1

我从这篇PDF中得到答案

http://web.cse.ohio-state.edu/~parent/classes/581/Lectures/4.2DviewingHandout.pdf （第5,6,7页）

＆＃39;提示＆＃39; ：

匹配两个窗口的宽高比

R > W / H

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

R < W / H

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

r = w / h网页的视口

如何将视图框高度和宽度导出到网页高度和宽度

1 个答案: