gpt4 book ai didi

svg - 如何使内联 SVG 始终填满屏幕?

转载 作者:行者123 更新时间:2023-12-02 03:59:24 24 4
gpt4 key购买 nike

我创建了一个矢量图像,我想将其用作我网站的主角。它应该在所有分辨率下填充视口(viewport)的宽度和高度。

此外,我需要能够通过 CSS 或 JavaScript 为 SVG 元素设置动画,因此无法将其作为 css 背景或 img 插入(至少据我所知)。

你们知道解决这个问题的方法吗?这张图片显示了我想要实现的目标:enter image description here

如有任何帮助,我们将不胜感激!

最佳答案

感谢 Robert Longson 的评论,让它开始工作:对 SVG 应用 preserveAspectRatio="xMidYMid slice" 和 100% 宽度和高度。

你可以在这里看到:http://codepen.io/EigenDerArtige/pen/yMaXZx

关于svg - 如何使内联 SVG 始终填满屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42540405/

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