重复内联svg模式

这是怎么做到的

代码：

重复时，此模式将被禁用

应该是这样的

svg{
背景重复：重复；
}

一种方法是使用图像作为背景图像。为此，首先需要对svg图像进行编码，例如使用以下工具：

div{width:200px；
高度：300px；
边框：1px实心；
背景图像：url（“数据：image/svg+xml，%3Csvg width='42'height='44'viewBox='0 0 42 44'xmlns='10http://www.w3.org/2000/svg“%3E%3Cg id='Page-1'fill='none'fill rule='偶数'%3E%3Cg id='brick-wall'fill='%23000'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22'/%3E%3E%3C/g%3E%3E%3C/svg%3E]；

svg {
  background-repeat: repeat;
}

<svg width="42" height="44" viewBox="0 0 42 44" xmlns="http://www.w3.org/2000/svg"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="brick-wall" fill="#000"><path d="M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z"/></g></g>