html - 在不保持纵横比的情况下拉伸(stretch) svg 背景

标签 html css image svg

我想使用 svg 图像作为背景图像, 我想显示整个图像(无裁剪)并将图像拉伸(stretch)到容器 div 的 100% 高度和宽度,保持原始纵横比。

我希望这会起作用:

background-size: 100% 100%;

但不是,高度是 100% 但宽度不是,它保持原始纵横比。

如果我使用 png 图像而不是 svg,它确实有效。

有没有办法用 svg 做到这一点?

最佳答案

解决方法:

在文本编辑器中打开 svg 文件并添加此属性:

<svg preserveAspectRatio="none"

关于html - 在不保持纵横比的情况下拉伸(stretch) svg 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32324949/

相关文章:

java - 使用图像和数据库创建 jar 文件

c# - 如何检查 Logo /图像是否在图像中?

javascript - 使用 xmlhttprequest 获取跨域 PNG 文件

javascript - 如何让 Ctrl + Q 在 contenteditable DIV 中添加 html?

javascript - 单击时显示/隐藏 div

css - 在智能手机中列出最大高度

css - 使用 CSS 创建响应式重复各种高度垂直线图案

javascript - 如何显示 Github 存储库的贡献者

javascript - 连续颜色过渡

c# - 从字符串中删除换行符