gpt4 book ai didi

css - 如何按百分比设置 svg 宽度和 svg 高度?

转载 作者:技术小花猫 更新时间:2023-10-29 10:12:56 25 4
gpt4 key购买 nike

我用 svg 创建了一行。但是当我调整浏览器大小时,用 svg 创建的行没有调整大小。

我尝试以百分比设置 svg 的宽度,但在这样做之后该行没有出现。如何按百分比设置 svg 的宽度??

<svg height="210" width="500">
<line x1="380" y1="20" x2="230" y2="200" style="stroke: rgb(234, 243, 234); stroke-width: 5"></line>
</svg>

最佳答案

我解决了我的问题。我将我的代码更改为此,这是有效的:

<svg style="width:100%;height:100%;">
<line x1="100%" y1="0%" x2="0%" y2="100%" style="stroke: rgb(234, 243, 234);stroke-width: 5;"></line>
</svg>

关于css - 如何按百分比设置 svg 宽度和 svg 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21368410/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com