使用CSS反映SVG

Question

我有一个div，其中包含svg徽标。

这是我的徽标示例：

我需要通过以下方式放置徽标：

现在这是我的结果：

我如何反映徽标？

我的代码：

<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