如何在 SVG (svg.js) 中将圆圈置于现有元素的中心？

Question

任何可以帮助解决此问题的人。请看看这个代码笔：

https://codepen.io/mortennajbjerg/pen/zYrEMOe

我试过这个：

SVG.on(document, 'DOMContentLoaded', () => {
  let canvas = SVG.get('australia-svg')

  let australia = canvas.select('[data-name="Australia"]')
  
  let pos = australia.rbox()

  let circle = canvas.circle(20)
    .fill('#900')
    .move(pos.x, pos.y)
})

我想把圆放在澳大利亚的中间，但是我好像做不到？我不允许更改现有的 SVG 属性以达到预期的结果。

感谢您的建议。

Answer 1

感谢 Fuzzyma，我想出了这个解决方案。我把它张贴在这里供参考。

SVG.on(document, 'DOMContentLoaded', () => {
  let canvas = SVG.get('australia-svg')

  let australia = canvas.select('[data-name="Australia"]').get(0)
  
  let pos = australia.rbox(canvas)
  
  let x = pos.cx - 10
  let y = pos.cy - 10

  let circle = canvas.circle(20)
    .fill('#900')
    .center(x, y)
})
```

如何在 SVG (svg.js) 中将圆圈置于现有元素的中心？

How can i center a circle on an existing element in SVG (svg.js)?

svg

svg.js