寻找 SVG 图形的中心

Question

5

我正在使用svgjs创建我的形状。如何找到SVG形状的中心点并在那里添加一个元素？在我的情况下是一个红点。我在文档中找不到任何有助于解决这种情况的方法或信息。

Translated:

我正在使用svgjs创建我的形状。如何找到SVG形状的中心点并在那里添加一个元素？在我的情况下是一个红点。我在文档中找不到任何有助于解决这种情况的方法或信息。

- Pedro

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Fuzzyma · Accepted Answer

你可以使用方法getBBox或者getBoundingClientRect。这两种方法都会给你一个具有属性x, y, width, height的对象，你可以用它来计算你的中心点。

由于你标记了你的问题为svg.js，我还将为你提供一个使用svg.js的解决方案。

// Vanilla
node = document.getElementById('myEl').getBBox()

// with svg.js
SVG.adopt(document.getElementById('myEl')).bbox()

第二种解决方案会给你返回一个对象，其中的 cx 和 cy 已经为您计算好了。

此方法可以在文档中找到。