Question

我正在试图解决这个问题，但遇到了很多麻烦：

<!-- Base application theme. -->
<style name="Theme.Noteplus.Base.Brown" parent="Theme.AppCompat.Light.NoActionBar">

    <item name="actionModeStyle">@style/Widget.ActionMode</item>

    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>

我怎样才能使视图坐标的高度伸展100％＆amp;宽度，跟随svg元素的视口坐标？

P.S。包装纸宽100％，有一定的高度。

Answer 1

只需移除＆＃39;身高＆＃39;和＃＆＃39;宽度＆＃39;来自SVG元素的属性。

 <div class="wrapper">
    <svg viewbox="0 0 100 100">
        <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
    </svg>
 </div>

https://jsfiddle.net/mhcp4qpy/

SVG有点奇怪，因为它们的缩放比大多数img元素不同。大多数人都会过度思考＆＃39;它

如果您希望身高也能100％填充容器并且永不溢出，则可以更改＆＃39; preserveAspectRatio＆＃39; SVG上的属性使其能够扭曲超出其原始宽高比。

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio

如何将SVG视图框作为其容器？

1 个答案: