带有viewBox和preserveAspectRatio xMinYMin的HTML SVG在Chrome中遇到不正确的形状

时间:2013-04-06 01:22:25

标签: html css google-chrome firefox svg

我希望SVG的宽度为4:1:高度大小,绝对大小根据浏览器窗口大小而变化。我需要SVG中坐标空间的宽高比为1:1。

以下内容完全符合我想要的Firefox,显示蓝色SVG背景,比例为4:1(例如1000 x 250px,具体取决于窗口大小)。但是,在Chrome中,未观察到该比率,并且SVG /可见背景是例如。 1000 x 570px。

<body>
    <div id="svgdiv" style="background:AliceBlue; max-Width:100%">
        <svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 100 25">
        </svg>
    </div>
</body>

这是Chrome中的错误,还是我误解了用法?如何在Chrome中获得我想要的内容?

0 个答案:

没有答案