用css反映svg

Question

我里面有一个divsvg徽标.

这是我的徽标示例:

我需要以这种方式放置徽标:

现在这是我的结果:

我该如何反映徽标？

我的代码:

<div className="relative">
  <div
    style={{
      transform: 'rotate(90deg)',
    }}
  >
    {mySvg}
  </div>
</div>

非常感谢

Answer 1

您可以尝试逆时针旋转它:

transform: 'rotate(-90deg)'

请参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/transform