我在用着svgjs
创造我的形状。如何找到 svg 形状的中心点并在那里添加元素?就我而言,是一个红点。我在文档中找不到任何有助于解决这种情况的方法或内容的信息。
你可以使用该方法getBBox https://docs.webplatform.org/wiki/svg/methods/getBBox或者替代地getBoundingClientRect https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect。两种方法都会为您提供一个具有以下属性的对象x, y, width, height
,您可以用它来计算您的中心。
既然你用标签标记了你的问题svg.js
我也会给你一个解决方案svg.js https://github.com/svgdotjs/svg.js.
// Vanilla
node = document.getElementById('myEl').getBBox()
// with svg.js
SVG.adopt(document.getElementById('myEl')).bbox()
第二种解决方案返回一个对象,其中包含cx
and cy
已经给你算好了。
这个方法可以在docs https://github.com/svgdotjs/svg.js#bbox
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)