0

我正在尝试采用 d3 生成的 SVG 文本元素并将样式（粗体和颜色）添加到其中的某些单词中。（编辑添加：）之前的函数将文本分成几个 tspan 元素，以将文本换行到多行。我尝试将 tspan 元素添加到代码中，如下所示：

const caption1 = bounds.append("text")
    .attr("x", 10)
    .attr("y", 10)
    .html("There are about <tspan>1600</tspan> giant pandas in the wild")

然后在样式表中调用：

tspan { 
    font-weight: 700;
}

在 CSS 中添加 tspan 样式会将样式添加到整个标题中，（编辑添加：）因为整个标题由 tspan 组成，而不是我想要做的 1 个单词。

我也尝试过内联添加样式元素，但没有产生任何结果：

const caption1 = bounds.append("text")
    .attr("x", 10)
    .attr("y", 10)
    .html("There are about <tspan fill=red>1600</tspan> giant pandas in the wild")
4

0 回答 0