Javascript SVG以最大尺寸拉伸，然后填充其余尺寸

我有一个SVG，我想用作body的背景。 如果我想让我的背景在最大的维度上拉伸，然后填充其余的维度，我应该使用什么CSS，如下图所示：

• 案例1:如果浏览器的viewwidth>viewheight，要使svg获得视口的高度，请保持纵横比（1:1），然后在水平方向上重复，直到主体完全覆盖
• 案例2:如果浏览器的viewwidth（通常是网站的移动版本），为了让svg获得视口的宽度，保持纵横比（1:1），然后在垂直方向上重复，直到身体完全覆盖

---

我试图在没有JS的情况下实现这一点，但如果这不可能，JS也是一种方式。谢谢大家!

视口比较需要JS，但从那里可以使用背景大小道具

视口比较需要JS，但从那里可以使用背景大小道具