如何居中SVG模式？

编程问答 2022-06-11

问题描述

如何在下面显示的svg模式上使用background-position: center;行为。

这是一个外部SVG图像，我想在<img>-tag中使用它。

<svg width="100%" height="600">
  <pattern id="pattern-checkers" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse" >
    <rect class="checker" x="0" width="50" height="50" y="0"/>
    <rect class="checker" x="50" width="50" height="50" y="50"/>
  </pattern>
  <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-checkers)" />
</svg>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

background-imagecenteringimageimagesvg