Javascript 如果HTML元素不是图像，如何让它重复以适应整个背景

我希望有一个div元素，我可以使用CSS*将其设置为repeat，但似乎只有在使用背景图像时才可能（背景图像：…；背景重复：repeat；）。我怎样才能用一个普通的div呢

注意：div包含一个svg，它包含两个多边形（两个直角三角形组成一个正方形。我希望它们覆盖整个屏幕）

*编辑：尝试使用CSS来做这件事，得到了非常奇怪的结果。我认为Javascript是一个更好的选择

        <div class='square' style="background-repeat:repeat-x;">
            <svg viewBox='0 0 100 100'>
                <polygon points='0,0 2,0 0,2' />
                <polygon points='2,0 2,2 0,2' />
            </svg>
        </div>

---

这里是@yezzz提到的CSS方法

html，正文{填充：0；边距：0；}
身体{
背景：url（数据：图像/svg+xml；base64，PD94BWGDMVYC2LVBJ0IMS4WIBLBMNVZGLUZZZZZZZZLNPB249IJIEUMSIGEG1BNM9IMH0Dha6LY93D3CUDZMUB3JNLZIWMDAVC3ZNIIBBXUCZP4BGLUAZ0IHR0DOVL3DY53MY5VCMCVMTK5OS94BGLUAYGEID0IMHB4IIB5PSIGIHIIHZIPZCB3G9IJIAGYDIIHHTBDCZFJZZZZWIDCU5ZWIDZWIDZZWIDZJ5YZZWIZZWIDZJ5YZZWIDZZZZWIZZZZWIDZWIDZJJJJJ5YZZZZZZZWIDZWIDZWIDZWIDZZWIDZZWIDZ8+ICA8CG9SEWDVB2LUDHM9JZISMAYLDIGMCWYYBMAWXSPSCJNTVJY2NJYAVPJWVC3ZNPG==）；
高度：100vh；
宽度：100vw；
背景尺寸：100px；
}

这里是@yezzz提到的CSS方法

html，正文{填充：0；边距：0；}
身体{
背景：url（数据：图像/svg+xml；base64，PD94BWGDMVYC2LVBJ0IMS4WIBLBMNVZGLUZZZZZZZZLNPB249IJIEUMSIGEG1BNM9IMH0Dha6LY93D3CUDZMUB3JNLZIWMDAVC3ZNIIBBXUCZP4BGLUAZ0IHR0DOVL3DY53MY5VCMCVMTK5OS94BGLUAYGEID0IMHB4IIB5PSIGIHIIHZIPZCB3G9IJIAGYDIIHHTBDCZFJZZZZWIDCU5ZWIDZWIDZZWIDZJ5YZZWIZZWIDZJ5YZZWIDZZZZWIZZZZWIDZWIDZJJJJJ5YZZZZZZZWIDZWIDZWIDZWIDZZWIDZZWIDZ8+ICA8CG9SEWDVB2LUDHM9JZISMAYLDIGMCWYYBMAWXSPSCJNTVJY2NJYAVPJWVC3ZNPG==）；
高度：100vh；
宽度：100vw；
背景尺寸：100px；
}

我不认为你可以用CSS@cpcdev您知道如何使用javascript实现这一点吗？可以使用svg作为数据uri，允许您作为背景图像url。然后您应该能够使用背景重复。例如，请参阅不要认为您可以使用CSS@cpcdev你知道如何用javascript实现这一点吗se svg作为数据uri，允许您用作背景图像url。然后您应该能够使用背景重复。请参阅示例