如何在SV3中缩放SVG以适合其容器div的大小?

时间:2017-11-28 20:46:24

标签: html css svg

有没有办法让我的SVG比例尺为{"url": "https..." ...

HTML:

<EditText
                    android:id="@+id/group_name"
                    android:text="Group Name"
                    android:selectAllOnFocus="true"/>

JS:

EditText edittext = ...;
edittext.setText("Group Name ");
edittext.selectAllOnFocus();       //You can also use "edittext.selectAll();"

CSS:

#mapDiv

顺便说一下,当页面调整大小时,我不需要SVG进行缩放。只要SVG在页面加载时缩放到div大小,这对我来说就足够了。

1 个答案:

答案 0 :(得分:0)

如果您正在寻找CSS解决方案,只需将#mapDiv设为固定heightwidth,然后让svg元素占用{ {1}}宽度和高度。这可以在以下内容中看到:

&#13;
&#13;
100%
&#13;
#mapDiv {
  height: 50px;
  width: 50px;
}

#mapDiv > svg {
  border: 5px solid black;
  width: 100%;
  height: 100%;
}
&#13;
&#13;
&#13;

希望这有帮助! :)