找到 svg 形状的中心

Question

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

Answer 1

您可以使用 方法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已经为您计算。

这个方法可以在文档中找到