Question

我正在使用codepen.io，我正在创建一个段落。该图有一个标题。

问题是我希望标题中心对齐。它应该自动在中间设置标题，而不是编辑“x”的值。我无法使用CSS来做到这一点，我相信javascript可以完成这项工作。

以下是我用来绘制标题的一个函数，以及我项目的链接。

var text = document.createElementNS(svgNS,"text");
    text.setAttributeNS(null, 'x', 100);
    text.setAttributeNS(null, 'y', 15);
    text.textContent = (titel); 
document.getElementById("bargraph").appendChild(text);

完整代码：

codepen.io/Cleanwater/pen/LWQyJm?editors=0010

Answer 1

var text = document.createElementNS(svgNS,"text");
    text.setAttributeNS(null, 'y', 15);
    text.textContent = (titel); 
document.getElementById("bargraph").appendChild(text);
    text.setAttributeNS(null, 'x', 300 / 2 - text.getBBox().width /2);

如何在中间对齐标题？

1 个答案: