小编Vad*_*d0k的帖子

使用JS获取SVG中元素的绝对坐标

论坛用户的好时机。我提前为我的英语道歉。我找不到答案(我决定问说英语的听众)。

相对于父容器()成组嵌套的元素的绝对位置(坐标)。

<svg width="100%" height="100%" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMin slice" x="0" y="0" tabindex="1">
  <g transform="translate(100 100)">
       <g transform="translate(100 100)"> 
            <circle r="50" cx="25" cy="25" fill="yellow" />
       </g>
  </g>
<svg>
Run Code Online (Sandbox Code Playgroud)

我想使用相对于SVG的ES6 +圆坐标。即x = 100 + 100 + 25,y = 100 + 100 + 25。

如何获得这些坐标?(最多可以无限组嵌套)。感谢您的帮助。

在此处输入图片说明

javascript svg ecmascript-6

5
推荐指数
1
解决办法
476
查看次数

标签 统计

ecmascript-6 ×1

javascript ×1

svg ×1