标签: svg-rect

我有一些 Svg 文件，我想将它们作为 React 组件加载到 remix run 应用程序中。例如在create-react-app中你可以做这样的事情

import { ReactComponent as Logo } from './logo.svg';
function App() {
  return (
    <div>
      {/* Logo is an actual React component */}
      <Logo />
    </div>
  );
}

remix-run 中是否有类似的方法可以达到相同的效果？

我正在尝试找到旋转的 svg 矩形坐标。

例如，

<svg width="500" height="500">
  <rect width="100" height="80" x="250" y="50"/>
</svg>

旋转前

在这个 SVG 矩形中，我可以计算所有 4 个角，如下所述。

点 1 => (250,50)

点-2 => (350,50) 即 (x+宽度, y)

Point-3 => (350, 130) 即 (x+宽度, y+高度)

点 4 => (250, 130)

但是，当我使用旋转时，我找不到新的 4 个坐标，

<svg width="500" height="500">
  <rect width="100" height="80" x="250" y="50"  transform="rotate(10 250,50)"/>  
</svg>

旋转后