Question

我正在使用d3在svg元素中创建一个轴标签。标签的一部分是常量（字符串文字），其中一部分因用户点击而变化。为了强调它的变化，我希望它是大胆的，而文本的其余部分是正常的重量。将这两个文本元素相互对齐以及图纸的其余部分，结果非常困难。

此外，似乎忽略了文本元素中的尾随空格，这使得连接变得更加困难。如果有一种方法可以在文本元素中更改样式，那也可以。

这是一种非常hacky的方式，因为它不能用于三段文本（因为text-anchor），结果很难集中（我真的需要去使用{ {1}}？）。

getBBox()

一般来说，我希望能够以一种“看起来很好”作为句子的方式追加/连接任意数量的字符串变量，每个变量都有不同的样式，并且可以居中。请告诉我有更好的方法。

Answer 1

不使用单独的text元素，而是使用一个text元素，其中嵌套了两个tspan元素。如果您没有在tspan上设置单独的定位属性，它们自然会排成一行文字。