css 如何将此加载程序置于SVG的中心位置

iyr7buue 于 2022-12-05 发布在其他

关注(0)|答案(1)|浏览(138)

我想把这个加载器放在灰色SVG的垂直和水平中心。我不能使用外部CSS。只能使用内联CSS或其他方式。我试着自己做，但挣扎了一段时间。谢谢

<svg viewBox="0 0 2560 1440" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill="#F5F5F5" d="M0 0h2560v1440H0z"/>
  <path opacity=".2" fill="#000" d="M20.201 5.169c-8.254 0-14.946 6.692-14.946 14.946 0 8.255 6.692 14.946 14.946 14.946s14.946-6.691 14.946-14.946c-.001-8.254-6.692-14.946-14.946-14.946zm0 26.58c-6.425 0-11.634-5.208-11.634-11.634 0-6.425 5.209-11.634 11.634-11.634 6.425 0 11.633 5.209 11.633 11.634 0 6.426-5.208 11.634-11.633 11.634z"/>
  <path fill="#000" d="m26.013 10.047 1.654-2.866a14.855 14.855 0 0 0-7.466-2.012v3.312c2.119 0 4.1.576 5.812 1.566z">
    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.75s" repeatCount="indefinite"/>
  </path>
</svg>

css

来源：https://stackoverflow.com/questions/74670494/how-do-i-center-this-loader-inside-the-svg