小编San*_*osh的帖子

使用 JavaScript 查找旋转的 SVG 矩形的所有新坐标

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

例如,

<svg width="500" height="500">
  <rect width="100" height="80" x="250" y="50"/>
</svg>
Run Code Online (Sandbox Code Playgroud)

旋转前

在这个 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>
Run Code Online (Sandbox Code Playgroud)

旋转后

javascript svg-rect

6
推荐指数
1
解决办法
376
查看次数

标签 统计

javascript ×1

svg-rect ×1