如何在没有异物的情况下设置svg文本tspan的背景颜色

How to set background color for svg text tspan without foreign object?

本文关键字：文本 svg tspan 背景 颜色 设置 情况下 异物      更新时间：2023-09-26

这是我的代码，如何设置属性（"背景色"，"红色"）

var datacollection = stackmap.append("text")
.attr("x", 40)
.attr("y", 50)
.attr("fill", "#8b8b8b")
.attr("font", "14px segoe ui")
.append("tspan")
.text("*content  :  Oh My God " + window.year);

svg text元素没有"background"的概念，只能对实际文本本身进行样式设置。如果你想有一个背景，你需要单独添加，例如，svg rect元素：

stackmap.append("rect")
    .attr({
      "class": "background",
      x: 40,
      y: 50,
      width: 100,
      height: 100
    })
    .style("fill", "red");
stackmap.append("text")
    ..etc
相关文章：