【问题标题】:SVG dynamic width and height from html or css来自 html 或 css 的 SVG 动态宽度和高度
【发布时间】:2017-04-10 13:09:21
【问题描述】:

我想给我的 SVG 元素动态宽度和高度,并想完整地显示我的 SVG 图像。

示例:http://codepen.io/anon/pen/EWqRxp?editors=1010

<svg width="250" height="250" viewBox="0 0 250 250">

.svg {
  width : 250px;
  height: 250px;
}

我想在 250x250 的框中显示完整的地图。

我为此尝试了一切,但....

【问题讨论】:

标签: html css svg


【解决方案1】:

你的 viewBox 是错误的。 "0 0 250 250" 不适合您的 SVG。

更适合您的 SVG 的值类似于:"0 398 612 394"

http://codepen.io/anon/pen/QpeVNW?editors=1010

【讨论】:

    猜你喜欢
    • 2013-04-06
    • 2013-02-07
    • 2017-08-14
    • 2011-08-07
    • 2016-09-11
    • 1970-01-01
    • 2016-04-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多