html5圆的中心点,HTML5 - 如何获取SVG文本元素的中心点？

我遇到了SVG文本元素的问题。我想找到SVG文本的中心点。在HTML文件中：HTML5 - 如何获取SVG文本元素的中心点？

It is example text

在Javascript中我有类似的东西：

var obj = document.getElementById('test').childNodes[1];

var box = obj.getBBox();

var centerPoint = new Object();

centerPoint.x = box.x + box.width/2;

centerPoint.y = box.y + box.height/ 2;

，但它不工作 - 中心点比我预期的要低。可能我错过了一些东西，我确定还有一个文本属性必须从“centerPoint.y”中减去。 “centerPoint.x”值似乎没问题。它在IE9浏览器，Chrome，Opera和Firefox上进行检查。结果是一样的。

或者你有其他解决方案？

编辑

总结起来我的代码工作正常。我重写了整个代码，现在没问题。我不知道发生了什么，可能我的浏览器根本没有刷新脚本。将行高设置为“0”是不必要的。 getBBox这是我需要做的一切。

无论如何感谢您的时间和对我的英语感到抱歉！ :)

2012-09-03

Pat Ko

+0

伸可能会影响到整体定位。看看你是否可以在盒子周围绘制一个矩形 - 这会向你展示更多关于正在发生的事情。 –