Question

我试图在一个流畅的网站上制作我的svg图像所以我需要它在浏览器更小/更大时重新缩放，但我没有取得多大成功。任何建议都是真正的贬值谢谢！这是我的代码：

<div class="five columns" id="logo">

    <svg width="300" height="160">
        <image xlink:href="/Users/MaxRuizTagle/Desktop/guardado por illustrator/logoprobando.svg" src="" width="270" height="200"/>
    </svg>

</div>

的CSS：

#logo {
        position: absolute;
        top:-35px;
    }

Answer 1

虽然你可以在SVG上设置height和width，但你真的应该在调整大小之前设置一个视图...

<svg width="300" height="160" viewBox="0 0 300 160">

...这将确保内部比例与您定义的height和width保持一致。

这是一篇很棒的文章：http://tutorials.jenkov.com/svg/svg-viewport-view-box.html

使svg图像流畅

1 个答案: